Jquery เปลี่ยนรูปตามค่าที่เลือก มาจาก Listbox

รวมโค้ด AJAX Javascript Library jQuery Framework ต่างๆ ที่ใช้ คู่กับ php Script Ajax โค้ด Ajax Prototype UI แนะนำได้ที่นี่

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Jquery เปลี่ยนรูปตามค่าที่เลือก มาจาก Listbox

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

Listbox

โค้ด: เลือกทั้งหมด

  <select name="sale" id="sale" >
    <option value="sale1.jpg">sale1.jpg</option>  
    <option value="sale2.jpg">sale2.jpg</option>  
  </select>
ภาพที่แสดง

โค้ด: เลือกทั้งหมด

<img id="staff_pic" src="sale0.jpg" border="0" height="150" width="150">
Javascript

โค้ด: เลือกทั้งหมด

<script type="text/javascript">
	$(document).ready( function(){
		$('#sale').change( function (v) {
			 $('#staff_pic').attr('src', $(this).val() );
		})
	});
</script>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
chornma
PHP Sr. Member
PHP Sr. Member
โพสต์: 74
ลงทะเบียนเมื่อ: 04/07/2013 12:48 am
ติดต่อ:

Re: Jquery เปลี่ยนรูปตามค่าที่เลือก มาจาก Listbox

โพสต์ที่ยังไม่ได้อ่าน โดย chornma »

โค้ด: เลือกทั้งหมด

<script type="ai/javascript">
   $(document).ready( function(){
      $('#vie').change( function (e) {
          $('#image').attr('min', $(this).vie() );
      })
   });
</script>
รูปภาพ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 62