jQueryのAJAXは、マルチIは、例えば、以下の擬似コードを有する行

Question

ごとに選択します。私は、レコードごとPHONE_TYPE及び方法を選択するために、同一のAJAXスクリプトを使用する場合、私は（.ATTR使用しようとした）

<script> 
 
    $('#phone_type').on('change', function (e) { 
 
    console.log(e); 
 
    
 
    var phone_type = e.target.value; 
 
    
 
    //ajax 
 
    $.get('../get_conversion_method_by_phone_type?phone_type=' + phone_type, function (data) { 
 
     //success data 
 
     $('#method').empty(); 
 
     $('#method').append('<option value="0" selected>Choose Method</option>'); 
 
     $.each(data, function (index, conMethObj) { 
 
     $('#method').append('<option value="' + conMethObj.id + '">' + conMethObj.method + '</option>'); 
 
     }); 
 
    });  
 
    }); 
 
</script>

foreach($foo as $bar){ 
 
<tr> 
 
    <select id="phone_type" name="phone_type"> 
 
     <option>Choose</option> 
 
    </select> 
 
    <select id="method" name="method"> 
 
     
 
    </select> 
 
</tr> 
 
}

Answer 1

だけでなく、私は

<script> 
 
    $('.phone_type').on('change', function (e) { 
 
     console.log(e); 
 
     var $self = $(this); 
 
     var phone_type = e.target.value; 
 
    
 
     //ajax 
 
     $.get('../get_conversion_method_by_phone_type?phone_type=' + phone_type, function (data) { 
 
      //success data 
 
      $method = $self.next('.method'); 
 
      $method.empty(); 
 
      $method.append('<option value="0" selected>Choose Method</option>'); 
 
      $.each(data, function (index, conMethObj) { 
 
       $method.append('<option value="' + conMethObj.id + '">' + conMethObj.method + '</option>'); 
 
    
 
      }); 
 
     }); 
 
    
 
    }); 
 
</script>

このコードを試してみてください、私はあなたが何をしたいのかを正しく理解してほしいです

とhtml

foreach($foo as $bar){ 
 
<tr> 
 
    <select class="phone_type" name="phone_type"> 
 
     <option>Choose</option> 
 
    </select> 
 
    <select class="method" name="method"> 
 
     
 
    </select> 
 
</tr> 
 
}