继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

获取下拉列表(select)的值以及文本

欧宇铭
关注TA
已关注
手记 11
粉丝 3
获赞 48

<!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>

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP