JS代碼獲取下拉列表框的選擇

2012/10/26 11:14:45作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

獲取下拉列表框的選擇

【實例描述】

下拉列表框在網(wǎng)頁中由select組成，其中包括多個option選擇。本例學(xué)習(xí)如何獲取用戶選擇的項。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（wangbatian.cn）</title>
<script LANGUAGE="JavaScript">
function mySelect()
{
    var mysel=document.getElementById("select1");             
//獲取文檔中的下拉框
    var txt=mysel.options[mysel.options.selectedIndex].text;  
//獲取下拉框顯示的文本
    var valu=mysel.options[mysel.options.selectedIndex].value;
//獲取下拉框的值
    alert("您選擇的是"+ valu);
}
</script>
</head>
<body>
<select size="10" ondblclick="mySelect()" id="select1">
<option value="大中城市">大城市</option>
<option value="國際化大都市">國際城市</option>
</select>
</body>
</html>

【運行效果】

運行效果