当前位置: 代码迷 >> Java Web开发 >> 怎么获得用户所选的下拉列表的值,并从数据库提取数据显示在另外一个下拉列表中(在同一个页面实现)
  详细解决方案

怎么获得用户所选的下拉列表的值,并从数据库提取数据显示在另外一个下拉列表中(在同一个页面实现)

热度:28   发布时间:2016-04-17 12:58:49.0
如何获得用户所选的下拉列表的值,并从数据库提取数据显示在另外一个下拉列表中(在同一个页面实现)
想做这样的东西:
      有两个下拉列表,第一个下拉列表中的数据是取全国所有的省级单位名字,数据存在table1;第二个下拉列表的数据是每个省中所有大学的名字,数据存在tablen中。tablen以table1中省名字段命名。
   
      当用户在一个下拉框中选择某个省级单位的名字,比如北京,在第二个列表中只显示北京的所有大学的名字,当用户选择了某个大学之后,点击提交用户在两个下拉列表中所选的数据。

    希望可以做在一个页面中,不用页面跳转。
 
    请各位大虾们赐教啦!!!!!!!
    不知道讲清楚没。

------解决方案--------------------
下面这个用struts标签做的

脚本部分
var id=new Array( " "
<logic:notEmpty name= "type ">
<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 " />
  相关解决方案