<html>
<head><title>獲取下拉列表選中項的值和文本(select)</title></head>
<body>
<script>
//獲取下拉列表選中項的文本
function getSelectedText(name){
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++){
if(obj[i].selected==true){
return obj[i].innerText; //關(guān)鍵是通過option對象的innerText屬性獲取到選項文本『注』要兼容Firefox需使用innerHTML屬性
}
}
}
//獲取下拉列表選中項的值
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value; //如此簡單,直接用其對象的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>
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。