JQ獲取select上的option的data-start和data-id


來源:https://zhidao.baidu.com/question/692142321436883524.html

靜態的寫法:

用jq的attr()函數,如:

HTML:

<select>
    <option name="aa" data-id="01"></option>
     <option name="bb" data-id="02" selected="selected"></option>
      <option name="cc" data-id="03"></option>
</select>

 

 

JQ:

$(document).ready(function(){
    var a = $("select option:selected").attr("name");
    var b = $("select option:selected").attr("data-id");
    alert(a + "\n" + b);
});

 

來源:https://www.cnblogs.com/NKing/p/7698133.html

動態的寫法:

HTML:

                                       <select class="text-center activate" name="activate" id="activate" >
                                           <option data-id="{$vo.Phonecard_id}" data-start="0"  value="0" {if condition="$vo.activate eq 0"} selected {/if} >未使用</option>
                                           <option data-id="{$vo.Phonecard_id}" data-start="1" value="1" {if condition="$vo.activate eq 1"} selected {/if} >使用中</option>
                                           <option data-id="{$vo.Phonecard_id}" data-start="2" value="2" {if condition="$vo.activate eq 2"} selected {/if} >激活中</option>
                                       </select>

 

JQ:

    $('.activate').on('change',function(){
        var id = $(this).find("option:selected").attr('data-id');
        var start = $(this).find("option:selected").attr('data-start');

        console.log('id = ' + id);
        console.log('start = ' + start);
    })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM