web, trends and thinking

It just another weblog :P

เลือกแสดงข้อความบน dropdown

leave a comment »

ฟังก์ชั่นนี้จะทำให้เราเลือกค่าใน dropdown list ได้ โดยไม่้ต้องเขียนโค้ดซ้ำๆกันเพื่อรองรับตัวอื่น

Javascript

function selectByValue(select, value) {
var i;
for(i = 0; i < select.options.length; i++) {
if (value == select.options[i].value) {
select.selectedIndex = i;
return;
}
}
select.selectedIndex = 0;
}

วิธีใช้
selectByValue(ชื่อไอดีของ dropdown list, ค่าที่ต้องการ);

ตัวอย่าง
<script>selectByValue(“choose”, “orange”);</script>
<select id=”choose”>
<option value=”fruit01″>apple</option>
<option value=”fruit02″>orange</option>
<option value=”fruit03″>mango</option>
</select>

ผลลัพธ์
ถ้าผลออกมาเป็น true คือมีค่าที่ต้องการใน dropdown list
มันก็จะเลือกค่านั้นใน dropdown list ให้เราเห็น

Written by แมวน้ำขั้วโลก

ตุลาคม 2, 2010 ที่ 3:08 pm

เขียนใน Javascript

Tagged with ,

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: