获得下拉列表中的选中值
来源:互联网 发布:京津冀生态环境数据 编辑:程序博客网 时间:2024/05/21 22:58
<!doctype html>
<html>
<head>
<!--获得下拉列表中的选中值-->
<style>
</style>
<script>
function test(){
var tes=document.getElementById("tes");//获取select元素
alert(tes.options["内容值:"+tes.selectedIndex].innerHTML+"元素值"+tes.options[tes.selectedIndex].value);//通过selectedIndex获得选中的选项的下标,再通过options[]集合获取选中的option元素
}
</script>
<meta charset="UTF-8">
</head>
<body>
<select id="tes" onchange="test()"><!--选项值改变时触发onchange()事件-->
<option value="帅哥" checked="checked" id="test1">帅哥</option>
<option value="美女" id="test2">美女</option>
<option value="ladybody" id="test3">ladybody</option>
</select>
</body>
</html>
<html>
<head>
<!--获得下拉列表中的选中值-->
<style>
</style>
<script>
function test(){
var tes=document.getElementById("tes");//获取select元素
alert(tes.options["内容值:"+tes.selectedIndex].innerHTML+"元素值"+tes.options[tes.selectedIndex].value);//通过selectedIndex获得选中的选项的下标,再通过options[]集合获取选中的option元素
}
</script>
<meta charset="UTF-8">
</head>
<body>
<select id="tes" onchange="test()"><!--选项值改变时触发onchange()事件-->
<option value="帅哥" checked="checked" id="test1">帅哥</option>
<option value="美女" id="test2">美女</option>
<option value="ladybody" id="test3">ladybody</option>
</select>
</body>
</html>
阅读全文
0 0
- 获得下拉列表中的选中值
- 获得下拉列表选中项的值和文本
- jquery获得下拉列表选中值和文本
- jquery获得下拉列表选中值和文本
- 下拉列表获取选中值
- 设置下拉列表选中项的值
- 获取下拉列表选中项的值
- 获取下拉列表选中项的值
- 下拉列表选中
- dwr获得下拉列表的值
- 下拉列表默认选中--- jQuery
- 获取下拉列表选中项的值和文本
- JavaScript获取下拉列表选中项的值和文本
- Jquery 获取下拉列表 选中项的值
- JS获取下拉列表选中项的值和文本
- JS获取select下拉列表框选中的值
- 下拉列表根据所选Item选中某个值
- JS 设置下拉列表的值(设置选中项)
- gpio学习
- 2017年11月12日所看链接(GSON 泛型 下载)
- iOS性能优化系列之__builtin_expect分支预测优化
- 如何扛住1.8亿/秒的双11数据洪峰?阿里流计算技术全揭秘
- 基础登录界面+第三方登录代码片
- 获得下拉列表中的选中值
- ttyUSB
- Activiti 外置表单的一种简单部署方式
- CvMat、Mat、IplImage之间的转换详解及实例
- 取出100到1000之间的水仙花数并存入数组
- 用python3操作微信(itchat),发送图片
- 剑指offer---赋值运算符重载函数(1)
- yarn流程
- Android 双屏异显