更改事件不是由动态选择触发的

让我尽可能简单。 我有一个动态加载下拉列表的ajax调用。 我有另一个ajax调用，用于在单击任何项​​目时显示详细信息。

问题：我无法触发第二次ajax调用的事件。

如果第二个ajax调用正在运行，它必须至少在更改事件发生时triggered显示。 但改变事件甚至没有触发。

码：

首先是ajax电话

  Please select     $.ajax({ type: "POST", data: {place: ''}, url: 'listplace.php', dataType: 'json', success: function (json) { if (json.option.length) { var $el = $("#name"); $el.empty(); // remove old options for (var i = 0; i < json.option.length; i++) { $el.append($('', { value: json.option[i], text: json.option[i] })); } }else { alert('No data found!'); } } });  

继续第二次ajax调用关闭php ..

   $("#name").on('change',function (e) { var name1 = this.value; $.ajax ({ data:{name1: name1}, type: 'POST', url: 'dataprod.php', success: function (response) { console.log(response); $('.products-wrp').html(''); $('.products-wrp').hide(); $('.products-wrp').html(response); $('.products-wrp').show(); }, }); });   

dataprod.php的输出

dataprod.php供参考

  query("SELECT product_name, product_desc, product_code, product_image, product_price FROM products_list where product_name='$name1'"); $products_list = '
'; while($row = $results->fetch_assoc()) { $products_list .= <<<EOT 
 
 
{$row["product_name"]}
 
  
 
 
 EOT; } $products_list .= '