Jquery를 배우려고합니다. 라벨의 텍스트를 동적으로 변경하는 데 문제가 있습니다.
내 코드는 다음과 같습니다.
나는 가지고있다
$db = new db();
$rings = $db->query("SELECT * FROM rings");
이제 나중에 슬라이더에 모든 링을 추가합니다.
foreach($rings as $ring){
echo '<li> <input type="image" src="' . $ring['ringThumbNailImagePath'] . '" name="checked" value="" width="150" height="150" /></li>';
}
코드 어딘가에 레이블이 있습니다.
<label for="ringName" id="ringName" style="color: #701344; font-size: 10pt" ></label>
이제 링을 클릭하면 레이블의 텍스트를 동적으로 변경하고 싶습니다.
jquery에서 어떻게 할 수 있습니까?
나는 다음 일을했다
파일 생성 : 내 기본 HTML에 추가 <script src="js/jquery.rings.js"></script>
내용은
$('input[type="image"]').click(function()
{
$ring = $(this).val();
$('label#ringName').text($ring['ringSetName']);
});
또한 입력을 이것으로 변경했습니다.
echo '<li> <input type="image" src="' . $ring['ringThumbNailImagePath'] . '" name="checked" value=$ring width="150" height="150" /></li>';
아무 것도 클릭하지 않으면 작동하지 않는 것을 디버그하려면 어떻게해야합니까?
다음과 같이 시도 할 수 있습니다. http://www.jqversion.com/#!/BvENIbA
$('input[type="image"]').click(function(){
$('label#ringName').text($(this).val());
});
나중에 편집 : db의 다른 값을 레이블에 추가해야하는 경우 다음과 같은 데이터를 사용할 수 있습니다.
$('input[type="image"]').click(function(){
$('label#ringName').text($(this).data('my-info'));
});
HTML :
foreach($rings as $ring){
echo '<li> <input type="image" src="' . $ring['ringThumbNailImagePath'] . '" name="checked" value="" width="150" height="150" data-my-info="' . $ring['xx'] . '" /></li>';
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다