向AJAX調用返回的不同元素添加功能

Question

我有帶有下拉列表的頁面，用於過濾表格。 通過ajax調用，我將目標指向該表所在的php頁面，並追加對索引頁面的響應，實際上我使用了replaceWith(response) 。 好的，當我替換內容后要再次過濾時，問題就開始了。 我用了 ：

$("body").on("click",".show_only", function()

Dropdown可以處理新內容，但是現在出現問題，我無法使其他具有功能的按鈕正常工作。 我不能只是寫

$("body").on("click",".some-other-class", function(){})

有辦法解決嗎？ 也許將不同的功能添加到同一選擇器上的不同元素

$("body").on("click",".show_only .class2 .class3", function1(){}, function2(){}, function3(){})

我不確定它是否存在。 任何幫助都會很棒。

Answer 1

如果要在Dropdown列表的每次更改上顯示不同的數據，則應使用jquery .change函數並發送給ajax調用該值，以便在服務器端編寫適當的代碼以檢索正確的數據。

<select id="drop">
        <option value="">Select...</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
    </select>


 $("#drop").change(function () {
    var my_value = this.value;
    // AJAX call with my_value as parameter 
});