GORAGOD.com

freelance, web developer, web designer, hosting, domain name

การค้นหาข้อความใน listbox

ตัวอย่างการค้นหาข้อความภายใน listbox เป็นฟังก์ชั่นค้นหาข้อความที่แสดงใน listbox คืนค่าเป็น value ของ option ตัวที่มีข้อมูลตรงกนทุกตัวอักษร (อาจไม่ตรงกันกับที่ค้นหาก็ได้ ในตัวอย่างค่าที่ value และ innerHTML ของ option ไม่ตรงกันอยู่แล้ว) และทำการเลือกรายการที่ตรงกันโดยอัตโนมัติ หากไม่พบคืนค่า false

<select id="sel">
<option value="1">ทดสอบ 1</option>
<option value="2">ทดสอบ 2</option>
<option value="3">ทดสอบ 3</option>
</select>

<script type="text/javascript">
     function find( select, value ) {
          var sel = document.getElementById( select );
          var opts = sel.options;
          for( var i = 0 ; i < opts.length ; i++ ) {
               if (opts[i].innerHTML == value) {
                    sel.selectedIndex = i; // เลือกรายการที่ ตรงกับข้อความค้นหา
                    return sel.value; // คืนค่า value ของ option
               };
          };
          return false; // คืนค่า false เมื่อไม่พบ
     };
     alert(find('sel', 'ทดสอบ 2'));
</script>
0SHAREFacebookLINE it!
^