選択ドロップダウンjqueryの名前を返します

Question

私はすべての選択ドロップダウンをループし、それぞれのname属性を返そうとしています。私はこれを行う方法がありますか？

私のhtml：これまでのところ、私が試してみました

<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> 

：事前に

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

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

ありがとう！

Answer 1

select要素で指定されたname属性を検索している場合は、コードのように "option：selected"を探す必要はありません。

ただ、select要素からname属性を取得：

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