Question

我这样做：

jQuery("#country_id").change(function() {
    id = jQuery("#country_id").val();
    jQuery.ajax({
        type: "GET",
        url: 'index.php?option=com_jomdirectory&task=getprovince&format=raw&type=province',
        dataType: "html",
        data: "id=" + id,
        success: function(data) {
            jQuery('#provincelist').html(data).find('select').addClass("form-control chosen-select").chosen();
        }
    });
});

问题是，这不是绑定到文档，所以当我尝试触发下一个ajax调用（检索城市列表）时，

我基本上有3个选择：

1）国家 - onchange触发ajax调用以获取省份（这有效并给我省选择列表）

2）然后在更改省时，应该触发城市选择的ajax呼叫

3）城市ajax呼叫不会开火。

如何将结果绑定到文档，以便我可以在更改时触发下一个ajax调用，而不会过多地使用这段代码？

谢谢，

Ĵ

Answer 1

@PraveenKumar我的下一个ajax调用不会触发，因为它本身就是 ajax调用的结果。我基本上有3个选择：1）国家 - ＆gt;省 - ＆gt;城市，当我改变国家时它起作用省选择节目）但当我改变省，没有任何反应 - 城市的阿贾克斯呼吁不会开火。

您需要为省选择使用事件委派。

jQuery("#provincelist").on('change', '#province_id', function() {

当您使用jQuery('#provincelist').html(data)替换选择时，您正在丢失省上的更改事件，因为您要替换整个元素。

jQuery绑定 - 如何将此Ajax调用的结果绑定到文档？

1 个答案: