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

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

移動(dòng)端

【實(shí)例名稱】

獲取下拉列表框的選擇

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（yzddtk.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="國(guó)際化大都市">國(guó)際城市</option>
</select>
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果