代码描述:JavaScript更改select下拉菜单 获取值和文本。JavaScript更改select下拉菜单获取值和文本代码下载
在实际应用中,更改select下拉菜单项就去执行一段代码有着大量的应用,例如更改下拉菜单项实现页面跳转等,下面介绍一下如何更改select下拉菜单项获取当前选中的option项的value值和文本内容。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> function selChange(){ var sel=document.getElementById('sel'); alert(sel.options[sel.selectedIndex].text); alert(sel.options[sel.selectedIndex].value); } window.onload=function(){ var sel=document.getElementById("sel"); sel.onchange=selChange; } </script> </head> <body> <select id="sel"> <option value="1">51前端一</option> <option value="2">51前端二</option> <option value="3">51前端三</option> </select> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能