Jquery怎麼獲取select選中項自定義屬性的值

時間 2020-03-31

標籤 jquery 怎麼獲取 select 中項自定義屬性欄目 JQuery 简体版

原文原文鏈接

Jquery如何獲取select選中項自定義屬性的值？
例：要獲取屬性gmoney的值javascript

<select id="ddl" onchange="ddl_change(this)"">
  <option value="100" emoney="12" gmoney="12">日卡</option>
  <option value="102" emoney="58" gmoney="58">月卡</option>
  <option value="103" emoney="518" gmoney="518">年卡</option>
<select>

你多是這樣寫的：html

function ddl_change(obj){
  alert($("#ddl").attr("emoney"));
}

可是，得出的是undefined!!
怎麼獲取select選中項中的自定義屬性「emoney」的值！？？
------解決方案--------------------------------------------------------
$("#ddl").find("option:selected").attr("emoney");
java

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-1.8.1.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('#lev').change(function(){
    
    $('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="5" lev2="5">5</option>');
    alert($('#lev').find('option:selected').attr('lev'));
    $('#lev').find('option:selected').attr('selected', 'selected');
    });
    $('#lev2').change(function(){
    alert($('#lev2').find('option:selected').attr('lev2'));
    $('#lev2').find('option:selected').attr('selected', 'selected');
    });
    
    })
    </script>
</head>
<body>
    <select id="lev">
    <option value="1" lev="1">1</option>
    <option value="2" lev="2">2</option>
    <option value="3" lev="3">3</option>
    <option value="4" lev="4">4</option>
    <option value="5" lev="5">5</option>
    </select>
    <select id="lev2">
    
    </select>
</body>
</html>