在JSP中，如何在选择一个下拉列表值时发出GET请求，并从DB中获取其他下拉列表的数据

Question

大家好，请给我一些解决以下问题的方法Spring引导MVC：UI页面是JSP当前打开主页时，所有下拉值都是从DB中获取的我被下列任务卡住了在选择一个下拉值时，在提交表单之前，应在jsp中自动填充以下其他下拉值如何在选择一个下拉列表值时发出GET请求，并从DB中获取其他下拉列表的数据？下面是示例jsp表单在此处输入图像描述

Answer 1

如果您将jquery与jsp一起使用，则在名称-3下拉列表的Change事件中使用Ajax POST，在名称-4、名称-5下拉列表中填充成功函数。

比如

$(document).on('change','#name3',function(){
callAjaxByObj({
"url"   : "url",
"type"  : "POST",
"data"  : {"name3Id" : $(this).val()},
"resp"  : afterSuccess(),
"error" : ajaxFailed()
});
});
function afterSuccess(){
return function(resp){
// here you can populate Selected data on name-4, name-5 dropdowns use below
$("#name4").val(resp.name4Id);
$("#name5").val(resp.name5Id);
// OR if you want to append new drop down values to append name4, name5 dropdowns 
var htm='';
var index = 0;
var obj = '';
for(index = 0; index < resp.name4List.length; index++) {
obj =   resp.name4List[index];
htm +='<option value="'+obj.id+'" >'+obj.name+'</option>';
}
$("#name4").append(htm);
// same way you can do for name5 drop down.

}
}