Seçimi açılan açılır jquery dönüşü

Question

Sahip olduğum tüm açılır menüleri kapatmaya ve her birinin name özniteliğine geri dönmeye çalışıyorum. Bunu yapmamın bir yolu var mı?

Benim html: Şimdiye kadar ben denedim

<form class="form-horizontal" role="form" id="select_distributor_form"> 
    <div class="form-group"> 
    <label class="col-sm-2 control-label">Supplier Name</label> 
    <div class="col-sm-10"> 
     <select class="form-control" name="supplier1"> 
      <option selected disabled>Select distributor</option> 
      <option value="1">Nike</option> 
      <option value="2">Adidas</option> 
      <option value="3">Reebok</option> 
     </select> 
     <select class="form-control" name="supplier2"> 
      <option selected disabled>Select distributor</option> 
      <option value="1">Nike</option> 
      <option value="2">Adidas</option> 
      <option value="3">Reebok</option> 
     </select> 
     <select class="form-control" name="supplier3"> 
      <option selected disabled>Select distributor</option> 
      <option value="1">Nike</option> 
      <option value="2">Adidas</option> 
      <option value="3">Reebok</option> 
     </select> 
     <select class="form-control" name="supplier4"> 
      <option selected disabled>Select distributor</option> 
      <option value="1">Nike</option> 
      <option value="2">Adidas</option> 
      <option value="3">Reebok</option> 
     </select> 
    </div> 
    </div> 
</form> 

: önceden

$("#select_distributor_form select").each(function(i, obj) { 

    var supplier_name = $(this).find('option:selected').attr("name") 
    console.log(supplier_name) //returns undefined 
}); 

teşekkürler!

Answer 1

Seçme öğesinde belirtilen ad niteliğini arıyorsanız, kodunuzda olduğu gibi "seçenek: seçili" araması yapmaya gerek yoktur.

Sadece seçme elemanından adı özniteliği olsun:

var supplier_name = $(this).attr("name");