optionvalue怎么获取（JavaScript获取Select下拉框OptionValue和Text值方法）
本文目录
JavaScript获取Select下拉框OptionValue和Text值方法
Js获取select下拉列表框各个Option的Value值相对比较容易，不过获取Text值却有点麻烦，对于一个初学JavaScript的新手来说，可能一时还无从下手，那么就请看下本文的方法，以一个form表单中的Select下拉框菜单为例，来说明如何用JavaScript获取其Value值和Text值：
示例表单，里面是一个select下拉列表框的各个列表项及值：
接下来是JavaScript部分，获取Select的各个Value值和Text值：
jquery怎么获取选中option的value
1、首先要保证select中每一个option标签都有value属性；
2、jquery的写法
$(’#sele’).val()//这里假设select的id是sele，这样可以获取当前选中的option的value
3、刚开始没有选择的时候默认的是第一个option的value值；
4、要测试的话可以写一个change事件，也就是每一次选择都会触发
$(’#sele’).change(function(){
console.log($(’#sele’).val())//每次选择都会输出选择的当前option的value
})
js怎么获取option的value
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》《/title》
《/head》
《body》
《select id="sel"》
《option value="1"》4《/option》
《option value="2"》5《/option》
《option value="3"》6《/option》
《/select》
《/body》
《/html》
《script type="text/javascript"》
var sel=document.getElementById("sel"); //获取select
var op=sel.children; // 获取所有的option
alert(op.value); //弹出option的第一个value值；
alert(op.value); //弹出option的第二个value值；
alert(op.value); //弹出option的第三个value值；
《/script》
本文相关文章：
更多文章：
2026年10月11日 07:00
2026年10月11日 06:00
在from子句中可以出现（如何在from 子句中嵌套查询下面的语句在access中出错！）
2026年10月11日 05:20
countif函数统计个数怎么用（countif函数怎么用 详解Excel中countif函数的使用方法）
2026年10月11日 03:30
正则匹配数字之前的字符（正则表达式如何匹配前面是数字、中间是“/”、后面也是数字，就像2/3专业的模式）
2026年10月11日 03:00
2026年10月11日 01:40
2026年10月11日 01:00
orlnsertbootmediinselected（我电脑开机显示这个是什么意思or insert boot media in select）
2026年10月10日 23:00
display的用法（display是什么意思 详解display的含义和用法）
2026年10月10日 22:00
html全部居中代码（怎么让网页居中显示，html如何让网页居中）
2026年10月10日 21:10
