테이블의 한 행에 대한 세부 정보가있는 jQuery 대화 상자 (정보의 일부분 만 표시)를 보여주고 싶습니다. 이것은 내가하고 싶은 일의 예입니다.JavaScript로 다차원 PHP 배열에 액세스하기
문제 : 행의 '자세히보기'이미지를 클릭하면 JS 함수가 클릭 한 행의 ID를받습니다. JS의 변수 'data'에 코드의 HTML 부분에서했던 것처럼 할당 할 수 없습니다. 이 문제를 어떻게 해결할 수 있습니까? 그것을 할 수있는 좋은 방법입니까?
<script>
$(function() {
$("#dialog").dialog({
autoOpen: false,
height: 400,
width: 600,
buttons: [{
text: "Close",
click: function() {
$(this).dialog("close");
}
}]
});
$(".details").click(function(){
$("#dialog").empty();
var i = $(this).attr('id');
var data = <?=$cars[i]['price']?>;
$("#dialog").append("<p>Car:"+data+"</p>");
$("#dialog").dialog("open");
});
});
</script>
<table>
<?php for($i = 0; $i < count($cars); $i++) { ?>
<tr>
<td><?=$cars[$i]['model']?></td>
<td><?=$cars[$i]['colour']?></td>
<td>
<img class="details" id="<?=$i?>" style="cursor: pointer;" src="http://localhost/ci/public/images/details.png" width="40" height="40" alt="Details"/>
</td>
</tr>
<?php } ?>
</table>
무엇을해야할까요? –
당신이하려고하는 것이 무엇인지에 따라, 당신이하려고하는 것이 가장 쉬운 방법은 PHP 측면에서 여러분의'img' 태그에 데이터 속성을 추가하는 것입니다. 귀하의 클릭 핸들러는 jquery의'data' 메소드 호출로 읽을 수 있습니다. –
@TimSeguine http://aspsnippets.com/demos/671/과 비슷한 것을하고 싶지만 테이블에 표시되지 않은 일부 데이터가 있습니다. – David