獲取下拉列表（select）的值以及文本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取值的功能</title>
<script type="text/javascript">
function fn(){
var sel = document.getElementById("sel");
var option = sel.options;
for(var i=0;i<option.length;i++){
/onclick方法不能够拿到文本和值/
/option[i].onclick=function(){
alert(this.text);
alert(this.value);
}/
/使用逻辑判断能够获取到值/
if(sel.options[i].selected)
{
/拿到options的值/
alert(sel.options[i].value);
/拿到options的文本/
alert(sel.options[i].text)//方法一
alert(sel.options[i].innerHTML)//方法二
}
}
}
</script>
</head>
<body>
<select name="" id="sel" onchange="fn()">
<option value="0" selected="selected">vb</option>
<option value="1">js</option>
</select>
</body>
</html>
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
