我要评论示例代码如下(js直接写在了html里面，没有写在一个单独的外部文件中)：
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>select元素</title>
</head>
<body id="bodyform">
<select id="month">
<option value="01">january</option>
<option value="02">february</option>
<option value="03" selected="selected">march</option>
<option value="04">april</option>
<option value="05">may</option>
<option value="06">june</option>
<option value="07">july</option>
<option value="08">august</option>
<option value="09">september</option>
<option value="10">october</option>
<option value="11">november</option>
<option value="12">december</option>
</select>
<div>
<input type="button" onclick="showvalue()" value="显示value值"></input>
<input type="button" onclick="showtext()" value="显示text值"></input>
</div>
</body>
<script type="text/javascript">
function showvalue(){
/*获取select选中的对象的value*/
var select=document.queryselector("#month");
alert("value值:"+select.value);
}
function showtext(){
/*获取select选中的对象的text*/
var select=document.queryselector("#month");
alert("text值:"+select.options[select.selectedindex].text);
}
</script>
</html>界面：
运行效果如下：
点击显示value值
点击显示text值
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持代码网。
发表评论