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

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

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

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

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

โพสต์โดย mindphp » 30/03/2012 6:57 pm

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
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042

ภาพประจำตัวสมาชิก
chornma
PHP Sr. Member
PHP Sr. Member
โพสต์: 74
ลงทะเบียนเมื่อ: 04/07/2013 12:48 am
ติดต่อ:

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

โพสต์โดย chornma » 08/04/2017 5:54 pm

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


ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 1 และ บุคคลทั่วไป 0 ท่าน