javascript - Ajax Onchange 替换 div 不起作用

Question

我有一个带有 onchange 的选择框，

<select class="form-control"  onchange="getval(this.value,'<?php echo $prd->pr_id;?>','ajax<?php echo $key?>','<?php  echo $key ?>')">

我的 ajax div 位于 foreach 循环中，

foreach($name as $names)
{
<div id = "ajax<?php echo $key?>" Some Content </div>
}

我的ajax函数:

function getval(id,prid,divid,key)
{  
alert(divid)

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

        };
    });
}

我正在尝试更改 div 内容..但它不起作用？

Answer 1

您需要对 ajax 进行大量更改-

首先使用console.log()而不是alert，然后因为你的div的id(s)是动态创建的，所以你需要以这种方式处理它 -

$.ajax({
        type: "POST",
        data: {aid:id,prid:prid},
        url: '<?php echo site_url('grocery/onchange')?>',
        success: function(html){
          $(document).find('div[id='+divid+']').html(html);
     };
  });

这是一个实例 - http://jsfiddle.net/x4Lvfk9k/