定制属性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>

现在我想获得经销商名称的价值，我这样做了

 $("#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()以及在alert()使用console.log() alert()进行调试。

Answer 2

您的选择器有误。

尝试这个：

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id='voucher_dealer' name='voucher_dealer' class='form-control'> <option dealername='dsf' value=''>اختر موزع</option> <option selected dealername='awad' value='{{$dealer->id}}'>ajhbjkasdb</option> </select>