Ajax Onchange取代div无法正常工作

时间:2015-04-01 12:23:32

标签: javascript php jquery ajax codeigniter

我有一个带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内容..但它不起作用?

1 个答案:

答案 0 :(得分:0)

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

首先使用console.log()代替警报,然后因为您的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/