Question

下拉框动态数据级联（2个下拉框级联）jsp

如何实现啊？？第一个下拉框中比如说是天津，北京 第二个下拉框中是南开，丰台，和平，通州。这些都是从数据库中查出的数据。如何点天津能调用方法查询出数据中的关联的数据呢。用JavaScript实现就行
ajax有没有好点的教程 推荐几个

Answer 1

大概用法如下，请结合JSP使用...OTZ
选第一个下拉菜单才进行查询的话，请参照AJAX..

<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();

subcat[0] = new Array("操作系统","1","1");

subcat[1] = new Array("网络安全","1","2");

subcat[2] = new Array("软件破解","1","3");

subcat[3] = new Array("心情日记","2","4");

subcat[4] = new Array("笑话幽默","3","5");

subcat[5] = new Array("灌水用帖","3","6");

onecount=6;

function changelocation(locationid)
{
document.myform.Nclassid.length = 0;

var locationid=locationid;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
}
}

}
</script>

<form method="POST" name="myform"">

<select name="classid" onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)" size="1">
<option class=input selected value="1">电脑相关</option>
<option class=input value="2">情感频道</option>
<option class=input value="3">休闲娱乐</option>
</select>

<select name="Nclassid" class=input>
<option class=input selected value="1">操作系统</option>
<option class=input value="2">网络安全</option>
<option class=input value="3">软件破解</option>
</select>

</form>

Answer 2

如果要从数据库中查出数据的话 兄弟你需要Ajax
使用JS异步调用一个jsp or servlet or whatever可以访问数据库获得所需信息的东西然后回写给浏览器
浏览器收到回写的信息后该怎么做就简单了 操作DOM结构把数据填充进去就是了

具体该如何做 网上找找教程吧

Answer 3

<SCRIPT LANGUAGE="JavaScript" src="http://jiangzhiqin.com/lab/js/else/prov.js"></SCRIPT>
<select name="Prov" id="Prov"></select> 省
<select name="City" id="City"></select> 市
<script>ProvInit(document.getElementById('Prov'),document.getElementById('City'));</script>