如何根据select选择的值反查option的属性

有时候select已经被选中了,想知道这个选中option的属性又该如何处理呢?

我这里提供一种粗暴的方式

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<body>
    <select name="province_name" id="province_name">
        <option value="1">江苏</option>
        <option value="2">浙江</option>
        <option value="3">上海</option>
    </select>
    <a href="javascript:;" id="btn">点击</a>
    <br/>
    <br/>
    <br/>
    <div id="text_div"></div>
    <div id="value_div"></div>
    <script type="text/javascript">
        $(function(){
            $("#btn").click(function(){
                var select_val=$("#province_name").val();
                var select_option_obj=$("#province_name option[value=‘"+select_val+"‘]");
                $("#text_div").text("text是 "+select_option_obj.text());
                $("#value_div").text("value是 "+select_option_obj.val());
            });

        });
    </script>
</body>
</html>

效果如下

时间: 2024-10-17 00:26:20

如何根据select选择的值反查option的属性的相关文章

给select设置默认值,在option在页面上已经写死的情况下

从后台传来数据 request.setAttribute("time", time), time有year.month属性, 而前台页面上的select中的option却已写死, 可以通过 jstl 表达式来进行判断. 这种写法只可以对简单的数据进行判断.  <select id="month" name="month">      <c:forEach var="item" begin="1&qu

JS获取select选中的值,所有option值

<select name="myselect" id="myselect"> <option value="2042">1--测试二级页面专题</option> <option value="2031">2--2016年浙江省大学生艺术节</option> <option value="1983">3--2016里约奥运图粹</o

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

jQuery获取select选择的文本与值

l链接地址:http://m.blog.csdn.net/article/details?id=44154571 jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:selected").text(); 获取select选中的 value:    $("#ddlregtype ").val(); 获取select选中的索引:    

[荐] jQuery取得select选择的文本与值

csdn:http://blog.csdn.net/tiemufeng1122/article/details/44154571 jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:selected").text(); 获取select选中的 value:    $("#ddlregtype ").val(); 获取select选中

jQuery取得select选择的文本与值

jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:selected").text(); 获取select选中的 value:    $("#ddlregtype ").val(); 获取select选中的索引:    $("#ddlregtype ").get(0).selectedindex; 设置selec

js:select的选择改变事件,获取当前选择的值

//获取当前选择的值 <select id="sltLB" name="sltLB" onchange='btnChange(this[selectedIndex].value);'> <option value="1" selected="selected">全校</option> <option value="2">教师</option> &l

JS动态改变select选择变更option的index值

document.getElementById("louyuming").options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) {             var isExit = false;             for (var i = 0; i < objSelect.options.length; i++) {                 if (objSele

获取select当前选择的值和文本

<html> <head> <script type="text/javascript"> function EE(obj) { alert("value:"+obj.value+" name:"+obj.options[obj.selectedIndex].text); } </script> </head> <body> <select name="sel