更改select下拉菜單項獲取對應的值和文本:在實際應用中，更改select下拉菜單項就去執行一段代碼有著大量的應用，例如更改下拉菜單項實現頁面跳轉等，下麵介紹一下如何更改select下拉菜單項獲取當前選中的option項的value值和文本內容。代碼如下: <!DOCTYPE html> <htm
更改select下拉菜單項獲取對應的值和文本:
在實際應用中，更改select下拉菜單項就去執行一段代碼有著大量的應用，例如更改下拉菜單項實現頁面跳轉等，下麵介紹一下如何更改select下拉菜單項獲取當前選中的option項的value值和文本內容。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function selChange(){ var sel=document.getElementById('sel'); alert(sel.options[sel.selectedIndex].text); alert(sel.options[sel.selectedIndex].value); } window.onload=function(){ var sel=document.getElementById("sel"); sel.onchange=selChange; } </script> </head> <body> <select id="sel"> <option value="1">螞蟻部落一</option> <option value="2">螞蟻部落二</option> <option value="3">螞蟻部落三</option> </select> </body> </html>
以上代碼中，更改select下拉菜單項能夠彈出當前選中項的value值和text文本值。
相關閱讀:
1.selectedIndex屬性可以參閱javascript的select.selectedIndex屬性一章節。
2.onchange事件可以參閱javascript的select的onchange事件一章節。
3.select相關操作可以參閱javascript動態操作select下拉列表一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11648
更多內容可以參閱:http://www.softwhy.com/javascript/
