jsp中怎么 实现两个下拉框 的联动? 不想用Ajax!
jsp中怎么 实现两个下拉框 的联动?
不想用Ajax!因为是少量的用到联动!
[解决办法]
var id=new Array( " "
<logic:notEmpty name= "type "> //type是个list的第二级数据
<logic:iterate id= "ty " name= "type ">
, " <bean:write name= "ty " property= "personaltypeCategoryId "/> " // id
</logic:iterate>
</logic:notEmpty>
);
var typeid=new Array( " "
<logic:notEmpty name= "type ">
<logic:iterate id= "ty " name= "type ">
, " <bean:write name= "ty " property= "personaltypeId "/> " // title
</logic:iterate>
</logic:notEmpty>
);
var title=new Array( " "
<logic:notEmpty name= "type ">
<logic:iterate id= "ty " name= "type ">
, " <bean:write name= "ty " property= "personaltypeTitle "/> " // title
</logic:iterate>
</logic:notEmpty>
);
function onsel(){
var mainid= " "+myform.personalCategoryId.value;
var psel=myform.personaltypeId.options;
for(i=psel.length;i> 0;i--){
myform.personaltypeId.remove(i);
}
if(mainid== '0 ')
return;
var sel = document.getElementById( 'personaltypeId ').options;
for(j=1;j <id.length;j++){
if(id[j]==mainid){
var inserto = new Option(typeid[j],title[j]);
sel[sel.length]=new Option(title[j],typeid[j]);
}
}
document.all.personaltypeId.disabled=false;
return true;
}
.....
<select style= "width:150px " name= "personalCategoryId " onchange= "onsel(); ">
<option value= "-1 "> 请选择 </option>
<logic:notEmpty name= "category ">
<logic:iterate id= "ca " name= "category ">
<option
value= " <bean:write name= 'ca ' property= 'personalCategoryId '/> ">
<bean:write name= "ca " property= "personalCategoryTitle " />
</option>
</logic:iterate>
</logic:notEmpty>
</select>
<select style= "width:150px " name= "personaltypeId " disabled>
<option value= "-1 "> 请选择 </option>
<logic:notEmpty name= "type ">
<logic:iterate id= "ty " name= "type ">
<option
value= " <bean:write name= 'ty ' property= 'personaltypeId '/> ">
<bean:write name= "ty " property= "personaltypeTitle " />
</option>
</logic:iterate>
</logic:notEmpty>
</select>
看不懂问我
[解决办法]
那就直接用js算了
function selectCity(v1,v2)
{
var val;
var va2;
val = v1.value;
switch (val) {
case '0 ' :
var labels = " ";
break;
case '天津 ' :
var labels = new Array( "北辰 ", "滨海新区 ");
break
case '重庆 ' :
var labels = new Array( "重庆 ", "云浮 ");
break
}
v2.options.length=0;
v2.add(document.createElement( "OPTION "));
v2.options[0].text= "请选择城市 ";
v2.options[0].value= " ";
for(var i = 0; i <labels.length; i++) {
v2.add(document.createElement( "OPTION "));
v2.options[i+1].text=labels[i];
v2.options[i+1].value=labels[i];
}
// 选择第一个选项
v2.selectedIndex = 0;
}
---------
使用:
所在省份:
<select name= "v_provincename " onchange= "javascript: selectCity(this,v_cityname); ">
<option value= " " selected> 请选择 </option>
<option value=天津> 天津 </option>
<option value=重庆> 重庆 </option>
</select>
城市
<select name= "v_cityname "> </select>