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

如果要在下拉列表的每次更改时显示不同的数据，则应使用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 
});

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

1 个答案: