本文实例讲述了javascript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下:
1、说明
获取select下拉框中的第一个值
2、实现源码
<!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>javascript获取select下拉框中的第一个值</title> <script type="text/javascript"> /** * javascript获取select下拉框中的第一个值 */ function getfirstvalofselect() { //获取select中的id var selectid = document.getelementbyid("select_option"); //获取select下拉框中第一个值 var selectvalue = selectid.options[0].value; //获取select下拉框中第一个文本值 var selecttext = selectid.options[0].text; //打印select下拉框中第一个值和文本值 alert("值:" + selectvalue + "\n" + "文本值:" + selecttext); } </script> </head> <body> <div id="div_select"> <select id="select_option"> <option value="0">桃树</option> <option value="1">梨树</option> <option value="2">樟树</option> <option value="3">枫树</option> <option value="4">松树</option> <option value="5">梧桐树</option> <option value="6">槐树</option> </select> </div> <input type="button" value="javascript获取select下拉框中的第一个值" onclick="getfirstvalofselect()"/> </body> </html>
3、实现结果
(1)选中第一项
(2)选中第二项
更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery表单(form)操作技巧总结》、《jquery窗口操作技巧总结》、《jquery常用插件及用法总结》、《jquery表格(table)操作技巧汇总》、《jquery扩展技巧总结》、《jquery常见经典特效汇总》、《jquery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jquery程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
150Vue-Router路由概述+基本使用router-view占位符+重定向redirect
网友评论