jQuery綁定-如何將此Ajax調用的結果綁定到文檔？

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）Country-> Province-> City，當我更改國家（選擇的省份顯示）時它起作用，但是當我更改省份時，什么也沒發生-要求城市的Ajax調用不會觸發。

您需要為您選擇的省份使用事件委派。

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

當您使用jQuery('#provincelist').html(data)替換選擇時，由於要替換整個元素，因此丟失了選擇省的更改事件。