您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS获取下拉列表所选中的TEXT和Value的实现代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对JS获取下拉列表所选中的TEXT和Value的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

如下所示: 代码如下: <!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 selChange(){     var sel=document.getElementById('sel');         alert(sel.options[sel.selectedIndex].text);     alert(sel.options[sel.selectedIndex].value); } </script> </head> <body> <select id="sel" onchange="selChange()" > <option value="zhangsan">张三</option> <option value="lisi" >李四</option> <option value="wangwu" >王五</option> </select> </body> </html>