我有一个JSP,其中有一个select包含实体种类名称的列表。当我选择一种实体类型时,我需要select用所选实体类型的字段名称填充另一个列表。为此,我在onchange事件上调用了JavaScript函数。
select
onchange
在JavaScript方法中,我需要在后端调用一个方法,该方法返回arraylist,其中包含所选实体类型的字段名称。
arraylist
有无Ajax时如何调用该方法?另外,我如何用arrayList?动态填充第二个选择列表?
arrayList
我将描述两种方法:使用/不使用AJAX。
<select name="select-one" id="select-one" onchange="this.form.submit()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>
完成这种方式后,将提交表单,并且第一个选择选项将以形式提供request.getParameter("select- one"),您将基于该选项提供第二个下拉列表的数据,通常将其转发到JSP。
request.getParameter("select- one")
var val = $('#select-one option:selected').val(); $.ajax({ url: "servletURL",//servlet URL that gets first option as parameter and returns JSON of to-be-populated options type: "POST",//request type, can be GET cache: false,//do not cache returned data data: {one : val},//data to be sent to the server dataType: "json"//type of data returned }).done(function(data) { var second = $("#select-two"); $.each(data, function() { options.append($("<option />").val(this.value).text(this.label)); }); });
这样,第二个下拉列表将被重新填充而无需刷新页面。