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

Question

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

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

searchReq来自一个下拉菜单。

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

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);
});
})