javascript - 自定义属性 jquery 选择选项中的自定义值

Question

我有这个带有自定义属性的选择选项 html

<select id='voucher_dealer' name='voucher_dealer' class='form-control'><option value=''>اختر موزع</option>
        @foreach($dealers as $dealer)
            <option dealername='awad' value='{{$dealer->id}}'>{{$dealer->dealer_name}}</option>
        @endforeach
</select>

现在我想得到 dealername 的值，我这样做了

 $("#voucher_dealer").change(function(){
    var dealer = $(this).val();
    var dealername = $(this).attr("dealername");
    alert(dealername);
});

我不确定如何获取属性 dealername 的值

Answer 1

问题是因为 dealername 属性位于所选的 option 上，而不是 select 本身。试试这个:

$("#voucher_dealer").change(function(){
  var dealer = $(this).val();
  var dealername = $(this).find('option:selected').attr("dealername");
  console.log(dealername);
});

请注意此处使用了 find()，还有用于调试目的的 console.log() 而不是 alert()。