javascript 如何遍歷select option
阿新 • • 發佈：2019-01-28
淘二哥女裝專業導購
http://www.tao2ge.com
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
</head>
<body>
<form name="form1">
<select name="score" onchange="aa();">
<option>數字</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
function aa(){
alert("sss");
alert(document.form1.score.options[document.form1.score.selectedIndex].value);
}
</script>
其它參考方法:
document.form.select控制元件的id名稱.options[document.form.select控制元件的id名稱.selectedIndex].text;取顯示的文字
document.form.select控制元件的id名稱.options[document.form.select控制元件的id名稱.selectedIndex].value;取value值
document.getElementById("1").value; //取的是你選擇了的OPTION 的VALUE document.getElementById("a").innerHTML; document.getElementById("a").innerText; //取的是OPTION後面的值
http://www.tao2ge.com
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
</head>
<body>
<form name="form1">
<select name="score" onchange="aa();">
<option>數字</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
function aa(){
alert("sss");
alert(document.form1.score.options[document.form1.score.selectedIndex].value);
}
</script>
其它參考方法:
document.form.select控制元件的id名稱.options[document.form.select控制元件的id名稱.selectedIndex].text;取顯示的文字
document.form.select控制元件的id名稱.options[document.form.select控制元件的id名稱.selectedIndex].value;取value值
document.getElementById("1").value; //取的是你選擇了的OPTION 的VALUE document.getElementById("a").innerHTML; document.getElementById("a").innerText; //取的是OPTION後面的值