การค้นหาข้อความใน 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>