javascript - 使用新内容更新加载时的 div(刷新)

Question

我正在使用 div 加载另一个 html 页面并更改 html，如下所示:

$("#mirador").load("mirador.html", function(){
        $("#mirador #loadedManifest").html("http://localhost:3001/api/manifests/"+searchReq);
    });

searchReq 来自下拉菜单。

我第一次这样做时效果很好，但如果我从下拉列表中更改 searchReq，则 div 不会刷新。知道我该怎么做吗？

Answer 1

您必须将其附加到事件处理程序(下拉onChange)

如下:

$("yourDropDownSelector").on("change",function(e){

    // the above depends on which dropdown you're using ,so here just e.target.value as a sample
    var searchReq = e.target.value;

    $("#mirador").load("mirador.html", function(){
         $("#mirador #loadedManifest").html("http://localhost:3001/api/manifests/"+searchReq);
    });
})