jQuery post函數有效，但重復時失敗

Question

我前幾天來這里遇到一個問題，他們設法解決了這個問題。 但是，當我復制它時，它會失敗。 讓我很困惑。

這是jQuery

function loadSubCats(value)
{
    $.post("load_sub_cats.php",{ "catid": value },
            function(data) {
        $('#sub_categories').html(data);
    });
}
function loadSubCatsB(value)
{
    $.post("load_sub_catsb.php",{ "catidb": value },
            function(data) {
        $('#sub_categoriesb').html(data);
    });
}

我有表單選擇字段（文件中1個，load_sub_cats.php中1個）

  echo"<select name='cselect2' onChange='loadSubCatsb(this.value)'  class='e1'><option value='0'>Please Select Location</option>";

現在解釋問題，當我從主選擇中選擇一個值時，第二個選擇看起來很好。 但是當我選擇它出現的形式時，第三個沒有出現（甚至沒有被調用）。 我在父文件以及兩個div中都有jquery。 我試過將這些包含在子文件中，但存在相同的問題。 我似乎無法調用第三頁。

Answer 1

我認為javascript用戶定義函數區分大小寫。 你有 -

function loadSubCatsB

但打電話-

onChange='loadSubCatsb(this.value)'

嘗試更改為-

onChange='loadSubCatsB(this.value)'

Answer 2

您的php echo格式錯誤！

嘗試以下方法：

echo '<select name="cselect2" onChange="loadSubCatsb(this.value)"  class="e1"><option value="0">Please Select Location</option></select>';

Answer 3

嘗試使用jQuery的live功能代替onChange。 即：

代替：

onChange='loadSubCatsb(this.value)

在$（）。ready或等效函數中使用此函數：

$('.e1').on('change', function() {
    var newValue = $(this).val();
    loadSubCatsB(newVal);
});