jQuery AJAX Multi wählen Sie pro Zeile

Question

ich den folgenden Pseudo-Code zum Beispiel habe: Ich möchte den gleichen Ajax-Skript verwenden PHONE_TYPE und Verfahren pro Datensatz auszuwählen, ich versuchte, mit .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

gut ich hoffe, ich richtig verstehe, was Sie tun wollen, versuchen Sie diesen Code

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

und die html

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