JavaScript实现获取select下拉框中第一个值的方法
程序员文章站
2022-04-27 19:16:26
本文实例讲述了javascript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下:
1、说明
获取select下拉框中的第一个值
2、实现...
本文实例讲述了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程序设计有所帮助。
推荐阅读
-
javascript获取select值的方法完整实例
-
insert和select结合实现"插入某字段在数据库中的最大值+1"的方法
-
JavaScript实现获取select下拉框中第一个值的方法
-
jQuery 获取和设置select下拉框的值实现代码
-
jQuery实现点击下拉框中的值累加到文本框中的方法示例
-
JavaScript获取select中text值的方法
-
jQuery - 实现获取select下拉框选项的改变触发的onchange事件选择的option值
-
在DWR中实现直接获取一个JAVA类的返回值的两种方法
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
【转载】 C#使用Select方法快速获取List集合集合中某个属性的所有值集合