Question

我正在努力填写第一次下拉变化的第二次下拉，并填写第二次下拉变化的第三次下拉。

这是我的代码：

$("#categories").change(function() {
    var cat = $('#categories').val();
    alert();

    $.ajax({
            method: "POST",
            url: "get_partner.php",
            data: {
                'categlist': cat
            }
        })
        .done(function(data) {
            $("#patner").remove();
            $("#cbselect").prepend(data);

        });

});
$('#patner').change(function() {
    alert();
});

当第一个下拉列表更改时，警报工作正常，但没有针对第二个下拉列表更改发生任何警报。

以下是Dropdown的HTML：

<div id='cbselect'><select class="input-large m-wrap" tabindex="1" id="categories" name="categlist" >
   <option value="0"> Select Category</option>
</select></div>
<select class="input-large m-wrap" tabindex="1" id="patner" name="patner" >
   <option value="0"> Select Partner</option>
</select>
<select class="input-large m-wrap cbs" tabindex="1" id="outlet" name="outlet" >
   <option value="0"> Select Outlet</option>
</select>

Answer 1

这会奏效，以这种方式使用ajax。

$.post(
  'get_partner.php',
  {'categlist': cat},
  function(ret_data){
    $('#patner').html(ret_data); /* Take even the select Partner option from the ajax page */
  }
);

三次下拉事件更改无效

1 个答案: