Eclipce开发Java的JSP页面数据库中动态取值的多个关联下拉列表
<td><selectname="selKeep"id="keep"><optionvalue="-1">(指定なし)<s:iteratorvalue="TestPlac...
<td><select name="selKeep" id="keep">
<option value="-1">(指定なし)
<s:iterator value="TestPlaceList">
<option value="<s:property value="TESTPLACE_CODE"/>"><s:property value="TESTPLACE_NAME" /></option>
</s:iterator>
</select> <select name="selKeep2" id="keepplace">
<option value="0">(指定なし)
<s:iterator value="PlaceList">
<option value="<s:property value="PLACE_CODE"/>"><s:property value="PLACE_NAME" /></option>
</s:iterator>
</select></td>
现在可以分别查处相应的值
第二个下拉框怎么依据第一个下拉的值查询出对应的结果(两表的ID有关联) 展开
<option value="-1">(指定なし)
<s:iterator value="TestPlaceList">
<option value="<s:property value="TESTPLACE_CODE"/>"><s:property value="TESTPLACE_NAME" /></option>
</s:iterator>
</select> <select name="selKeep2" id="keepplace">
<option value="0">(指定なし)
<s:iterator value="PlaceList">
<option value="<s:property value="PLACE_CODE"/>"><s:property value="PLACE_NAME" /></option>
</s:iterator>
</select></td>
现在可以分别查处相应的值
第二个下拉框怎么依据第一个下拉的值查询出对应的结果(两表的ID有关联) 展开
展开全部
第一个select加一个onchange,js中方法里面利用ajax访问一个action,action里面查询根据第一个select中的id查询出你这儿的PlaceList,在js这边的ajax返回成功后改变id为keepplace这个select的值就OK了
更多追问追答
追问
能不能具体写点代码给我看看啊
追答
在第一个select中加上 onchange="dosel()"
js代码如下:
function dosel(){
var data = {
id : $("#keep").val()
};
$.ajax( {
type : "POST",
url : "doselaction",
data : data,
dataType : "json",
success : function(result) {
$("#keepplace").empty();
$.each(result.PlaceList, function(i, item){
$("#keepplace").append(" " +
item.PLACE_NAME+ "");
});
}
});
}
doselaction这个action对应的方法里面只需要通过
String id = request.getParameter("id");
然后根据这个id查询出PlaceList 就可以了。
记住这个action返回类型是json
大概就这样。有不通的可以问谷歌。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询