JavaScript实现获取挑选下拉框中第一个值的方法

本文实例讲述了Java脚本语言实现获取挑选下拉框中第一个值的方法。分享给大家供大家参考，具体如下：

1、说明

获取挑选下拉框中的第一个值

2、实现源码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titleJavaScript获取挑选下拉框中的第一个值/title脚本类型=' text/JavaScript '/* * * JavaScript获取挑选下拉框中的第一个值*/函数getfirst valofsele(){//获取挑选中的标识变量选择=文档。getelementbyid(' select _ option ')；//获取挑选下拉框中第一个值var selectValue=selectid。选项[0].价值；//获取挑选下拉框中第一个文本值var selectText=selectid。选项[0].文本；//打印挑选下拉框中第一个值和文本值警报('值："选择值" \n " "文本值：' SelectText)；}/脚本/头体div id=' div _ select '选择id=' select _ option '选项值='0 '桃树/option选项值='1 '梨树/option选项值='2 '樟树/option选项值='3 '枫树/option选项值='4 '松树/option选项值='5 '梧桐树/option选项值='6 '槐树/option /select /div输入类型='按钮'值='JavaScript获取挑选下拉框中的第一个值onclick=' getfirst valofsele()'//body/html 3，实现结果

(1)选中第一项

(2)选中第二项

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery表单(form)操作技巧总结》 、 《jQuery窗口操作技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。