Ajax OnChange Внутри Еогеасп петля

Question

У меня есть функция Аякса

function price(id,prid,divid,key,name) 
{ 
     //alert(id); alert(prid); alert(name); 
     $.ajax({ 
     type: "POST", 
     data: "aid="+id+"&prid="+prid, 
     url: '<?php echo base_url('grocery/onchange')?>', 
     success: function(html){ 
     $('#'+divid).html(html); 

     } 
    }); 
} 

я написал эту функцию для выбора коробки OnChange.

foreach($some as $name) { 
     <select class="form-control" onchange="price(this.value,'<?php echo $prd->pr_id;?>','ajax<?php echo $key?>','<?php echo $key?>','<?php echo $prd->pr_name ?>')"> 
//options 
</select> 
    } 

Что Моя проблема я изменить содержимое Div с помощью этой function.But только первое значение из цикла только изменения. другие не работали? Это потому, что функция находится в петле foreach. Как решить это?

Answer 1

В вашем цикле foreach вы не используете динамические параметры для каждого выбора, попробуйте просмотреть исходный код и узнайте, что каждый из них имеет одни и те же параметры, которые пытаются передать динамический параметр для каждого выбора.

Answer 2

Давайте сделаем это по-другому, как вы использовали ранее. Создание всех полей выбора следующим образом:

foreach($some as $name) { 
      <select class="form-control some_unique_class_name_that_not_used_in_css" data-prid ='<?php echo $prd->pr_id;?>' data-ajax ='ajax<?php echo $key?>' data-key = '<?php echo $key?>' data-name = '<?php echo $prd->pr_name ?>' 
      > 
      <option value="Some_Value0">Some_OPTION_name_0</option> 
      <option value="Some_Value1">Some_OPTION_name_1</option> 
      <option value="Some_Value2">Some_OPTION_name_2</option> 
    </select> 
    } 

Установите необходимые параметры в «данных-any_param_name_to_use» атрибуты, так что вы можете получить доступ к нему в функции. Позовите jqueries функции изменения для соответствующих полого выбора с именем класса, как показано ниже:

$(function(){ 
    $(document).on('change', '.some_unique_class_name_that_not_used_in_css', function() { 
     var divid = $(this).attr('data-ajax'); 
     $.ajax({ 
      type: "POST", 
      data: "aid="+$(this).val()+"&prid="+$(this).attr('data-prid'), 
      url: '<?php echo base_url('grocery/onchange')?>', 
      success: function(html){ 
       $('#'+divid).html(html); 
      } 
     }); 
    }); 
    }); 

    // $(this).val() => selected value from the select box 
// $(this).attr('data-prid') => whatever prid you have saved for the respective select box 

Надеется, что это поможет.