读书人

jsp中如何 实现两个下拉框 的联动? 不

发布时间: 2012-01-24 23:11:54 作者: rapoo

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>


读书人网 >Java Web开发

热点推荐