宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文实例讲述了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选择器用法总结》

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

更多资讯
游戏推荐
更多+