怎么獲取下拉框選中的值
1 回答
已采納
慕萊塢9220042
TA貢獻(xiàn)377條經(jīng)驗(yàn) 獲得超508個(gè)贊
你好：
給你個(gè)示例，如下：
<html>
<head><title>獲取下拉列表選中項(xiàng)的值和文本(select)</title></head>
<body>
<script>
?
//獲取下拉列表選中項(xiàng)的文本
function?getSelectedText(name){
????var?obj=document.getElementByIdx(name);
????for(i=0;i<obj.length;i++){
????????if(obj[i].selected==true){
????????????return?obj[i].innerText;//關(guān)鍵是通過option對(duì)象的innerText屬性獲取到選項(xiàng)文本
????????}
????}
}
?
//獲取下拉列表選中項(xiàng)的值
function?getSelectedValue(name){
????var?obj=document.getElementByIdx(name);
????return?obj.value;??????//如此簡(jiǎn)單，直接用其對(duì)象的value屬性便可獲取到
}
?
</script>
<select?id="myselect">
<option?value="fist">1</option>
<option?value="second">2</option>
<option?value="third">3</option>
</select>
?
<input?type="button"?value="所選文本"?onclick="alert(getSelectedText('myselect'));"?/>
<input?type="button"?value="所選值"?onclick="alert(?getSelectedValue('myselect'));"?/>
</body>
</html>望采納！
添加回答
舉報(bào)
0/150
提交
取消