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

我正在使用div加载另一个HTML页面，并像这样更改HTML：

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

searchReq来自下拉列表。

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

最佳答案

您必须将其附加到事件处理程序（下拉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);
    });
})