这篇文章主要介绍了Java脚本语言或jQuery获取期权价值值方法解析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下
1.html
div class='窗体-组'
标签保险公司/标签
select class=' form-control ' id='测试选择'
选项值='平安'平安保险/选项
选项值='太平洋'太平洋保险/选项
选项值='平安'平安保险/选项
/选择
/div
2.用Java脚本语言获取选择权的值以及文本内容
/*JavaScript实现*/
var testSelect=document。getelementbyid(“测试选择”)；
测试选择。onchange=function(){//当选项改变时触发
var val选项=this。选项[这个。selectedindex].价值；//获取选择权的价值
警报(val选项)；
var txt选项=this。选项[这个。selectedindex].innerHTML//获取选择权中间的文本
alert(txt选项)；
}
实现效果：
达到了我们想要的效果
3.用jQuery获取选择权的值以及文本内容（要引入jQuery库)
/*用jQuery实现*/
var oSelect=$(' # test select ')；
oSelect.on('change '，function(){
var checkText=$('#testSelect ').查找('选项：已选择')。text()；//获取挑选选择的文本
var checkValue=$('#testSelect ').val()；
控制台。log(检查文本' ~ ~ '检查值)；
});
运行效果：
当我任意选择一个选择权选项的时候触发了变化方法
4.全部代码：
！文档类型超文本标记语言
超文本标记语言
头
meta charset='UTF-8 '
标题在此插入标题/标题
meta name=' viewport ' content=' width=设备宽度，初始比例=1.0,最大比例=1.0,用户可缩放比例=0 '
脚本类型=' text/JavaScript ' src=' js/jquery-1。10 .2 .量滴js '/脚本
link rel='样式表' href=' CSS/bootstrap。量滴CSS ' rel='外部无跟随'/
脚本类型=' text/JavaScript ' src=' js/bootstrap。量滴js '/脚本
style type='text/css '
部门{
宽度：400像素
边距：100像素
}
/风格
/头
身体
div class='窗体-组'
标签保险公司/标签
select class=' form-control ' id='测试选择'
选项值='平安'平安保险/选项
选项值='太平洋'太平洋保险/选项
选项值='平安'平安保险/选项
/选择
/div
脚本类型='文本/javascript '
/*JavaScript实现*/
var testSelect=document。getelementbyid(“测试选择”)；
测试选择。onchange=function(){//当选项改变时触发
var val选项=this。选项[这个。selectedindex].价值；//获取选择权的价值
警报(val选项)；
var txt选项=this。选项[这个。selectedindex].innerHTML//获取选择权中间的文本
alert(txt选项)；
}
/*用jQuery实现*/
var oSelect=$(' # test select ')；
oSelect.on('change '，function(){
var checkText=$('#testSelect ').查找('选项：已选择')。text()；//获取挑选选择的文本
var checkValue=$('#testSelect ').val()；
控制台。log(检查文本' ~ ~ '检查值)；
});
/脚本
/body
/html
附：关于选择选项的相关知识点
1、jQuery获取挑选元素，并选择的文本和价值：
$('#select_id ').change(function(){//代码.});//为挑选添加事件，当选择其中一项时触发
var checkText=$('#select_id ').查找('选项：已选择')。text()；//获取挑选选择的文本
var checkValue=$('#select_id ').val()；//获取挑选选择的价值
var checkIndex=$('#select_id ').获取(0)。selectedIndex//获取挑选选择的索引值
var max index=$(' # select _ id option:last ').attr(' index ')；//获取挑选最大的索引值
2、jQuery获取挑选元素，并设置的文本和价值：
$('#select_id ').获取(0)。selectedIndex=1；//设置挑选索引值为一的项选中
$('#select_id ').val(4)；//设置挑选的价值值为四的项选中
$(' # select _ id option[text=' jQuery ']').attr('selected '，true)；//设置挑选的文本值为jQuery的项选中
3、jQuery添加/删除挑选元素的[计]选项项：
$('#select_id ').append('选项值='值'文本/选项))；//为挑选追加一个选项（下拉项)
$('#select_id ').前置('选项值='0 '请选择/option’)；//为挑选插入一个选项（第一个位置)
$('#select_id option:last ').移除();//删除挑选中索引值最大选项（最后一个)
$('#select_id option[index='0']').移除();//删除挑选中索引值为0的选项（第一个)
$('#select_id option[value='3']').移除();//删除挑选中值='3 '的[计]选项
$('#select_id option[text='4']').移除();//删除挑选中Text='4 '的[计]选项
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。