java问题,页面二级选择
我现在有一张表ID字段A字段B1aa小米2aa三星3bb小米在jsp页面上实现有两个选择框,第一个选择框为字段A的内容,第二个字段为字段B的内容,当我选择第一个选择框时,...
我现在有一张表
ID 字段A 字段B
1 aa 小米
2 aa 三星
3 bb 小米
在jsp页面上实现有两个选择框,第一个选择框为字段A的内容,第二个字段为字段B的内容,当我选择第一个选择框时,下一个为第一个选择对应的内容,例如:我选aa则下个选择框只显示小米、三星 展开
ID 字段A 字段B
1 aa 小米
2 aa 三星
3 bb 小米
在jsp页面上实现有两个选择框,第一个选择框为字段A的内容,第二个字段为字段B的内容,当我选择第一个选择框时,下一个为第一个选择对应的内容,例如:我选aa则下个选择框只显示小米、三星 展开
展开全部
你这个功能叫二级联动, 一般用ajax实现, 给第一个select框加上onchange事件, 第二个select框中是没有option的, 当第一个框的值发生改变时, 把第一个框的值发送给服务器, 服务器那边根据传递过来的值查询数据库后返回相应的结果, 然后用js根据结果动态的创建第二个select中的option标签, 以下是大概的代码, 用到了jQuery
<select name="字段A" id="A" onchange="getB()">
<option value="xxx">xxxxxxxxx</option>
</select>
<select name="字段B" id="B" >
</select>
function getB(){
var a = document.getElementById("A").value;
$.post("URL地址", "字段A="+a, function(data){
alert(data);
//下面要根据data动态创建第二个select框的option
})
}
<select name="字段A" id="A" onchange="getB()">
<option value="xxx">xxxxxxxxx</option>
</select>
<select name="字段B" id="B" >
</select>
function getB(){
var a = document.getElementById("A").value;
$.post("URL地址", "字段A="+a, function(data){
alert(data);
//下面要根据data动态创建第二个select框的option
})
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询