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

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

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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22249
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 30/03/2012 6:57 pm

Listbox

Code: Select all

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

Code: Select all

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

Code: Select all

<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

User avatar
chornma
PHP Sr. Member
PHP Sr. Member
Posts: 74
Joined: 04/07/2013 12:48 am
Contact:

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

Post by chornma » 08/04/2017 5:54 pm

Code: Select all

<script type="ai/javascript">
   $(document).ready( function(){
      $('#vie').change( function (e) {
          $('#image').attr('min', $(this).vie() );
      })
   });
</script>
Image

Post Reply

Return to “AJAX Javascript Library - jQuery”

Who is online

Users browsing this forum: No registered users and 3 guests