Question

求 jsp二级级联下拉菜单代码..

求 jsp二级级联下拉菜单代码.. 只需要一个简单点的示例，我要自己看的.... 不要乱粘贴复制别人的代码哈`` 谢谢啦

Answer 1

配置dwr（实现AJAX的一种），这里就不多说了，去网上查查很多的。=======页面代码========<script type='text/javascript' src='/hiWithMe/dwr/interface/GetCity.js'></script>
<script type='text/javascript' src='/hiWithMe/dwr/engine.js'></script>
<script type='text/javascript' src='/hiWithMe/dwr/util.js'></script><script type="text/javascript">
function TGetcityName() {
var countryId =document.getElementById("county").value;
//默认为不选择
if(countryId == 0)
{
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--", 0));
}
else
{
GetCity.GetCityListByCountId(countryId,dd);
}
document.getElementById("countyId").value=document.getElementById("county").value;

}
function dd(provinces) {
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--","0"));
//每次获得新的数据的时候先把每二个下拉框架的长度清0
for(var i=0;i< provinces.length;i ++){
var value = provinces[i].id;
var text = provinces[i].cityName;
var option = new Option(text, value);
//根据每组value和text标记的值创建一个option对象
try{
document.getElementById("city").add(option);//将option对象添加到第二个下拉框中
}catch(e){
}
}
}省：
<select id="county" name="county" onchange="TGetcityName();">
<option value="0" selected="selected">--不限--</option>
<logic:iterate id="list" name="countylist"> //这个是从action中转过来就加载好的
<option value="${list.id}"> ${list.countyName}</option>
</logic:iterate>
</select>
<input type="hidden" value="1" id="countyId" name="countyId"/>

　市：
<select id="city" name="city"
<option value="0" selected="selected">--不限--</option>
</select>=============biz里的方法====================// 根据省份Id得到城市信息
public List<City> GetCityListByCountId(int countId) {
sql="select city from City city Where city.county="+countId;
return this.getCommonDAO().list(sql);
}

Answer 2

<script>function change()
{
var gameType=new Array();
gameType['中国']=['北京','福建','上海','浙江'];
gameType['美国']=['纽约','华盛顿','加州'];
var gameindex=document.form1.select1.value;
document.form1.select2.options.length=0;
for(var i=0;i<gameType[gameindex].length;i++){
o=new Option(gameType[gameindex][i],gameType[gameindex][i]);
document.form1.select2.options.add(o);
}
document.form1.select2.selectedIndex=0;
}</script><select name="select1" onChange="change()">
<option>--请选择所属国家--</option>
<option value="中国">中国</option>
<option value="美国">美国</option>
</select>