Monday, July 23, 2012

JQuery : get ค่า index ของ Tag option ใน Tag Select

JQuery : get ค่า index ของ Tag option ใน Tag Select


Ex
 <SELECT id="select">
   <OPTION value="">กรุณาเลือก</OPTION>
   <OPTION value="php">PHP</OPTION>
   <OPTION value="ajax">Ajax</OPTION>
   <OPTION value="java">Java</OPTION>
   <OPTION value="javascript">Javascript</OPTION>
   <OPTION value="jquery">JQuery</OPTION>
   <OPTION value="android">Android</OPTION>
 </SELECT>

<script type='text/javascript'>
$(function(
   $('#select').change(function(){
      //ใช้คำสั่ง selectedIndex ก็จะได้ หมายเลข Index ของแต่ ละ Option มานะครับ เริ่มจาก 0
      alert($(this).prop('selectedIndex'));
   });
));
</script>

ยังไงก็ลองเอาไปประยุกต์ใช้นะครับ



BY N1B

No comments: