| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1156 人关注过本帖
标题:求在客户端实现两个Dropdownlist控件相互关联的方法
只看楼主 加入收藏
沙僧
Rank: 1
等 级:新手上路
帖 子:160
专家分:0
注 册:2006-7-23
收藏
 问题点数:0 回复次数:5 
求在客户端实现两个Dropdownlist控件相互关联的方法
有两个Dropdownlist控件,第一个Dropdownlist用来绑定一级分类信息,第二个Dropdownlist用来绑定一级分类下的二级分类信息。初始时,第一个Dropdownlist的第一项应该是空白,而且第二个Dropdownlist是不可见的。可惜我不会用javascript,我只会用回传的方法,但这种方法要经过服务器,速度慢,而且造成页面刷新,感觉很不好。
求高人给我写一个启发性的实例,在客户端实现两个Dropdownlist控件相互关联的方法。
搜索更多相关主题的帖子: Dropdownlist 客户端 控件 
2006-08-13 21:26
witp
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2006-8-14
收藏
得分:0 

具体数据形式自己安排


<form name=form1>
<select name="select1" OnChange="showList();">
<option value=""> </option>
<option value="0">1111</option>
<option value="1">2222</option>
</select>
<DIV ID=iHTML></DIV>
</form>
<script>
var data1 = [[1,2,3],[4,5,6,7]];
var data2 = [["1111-1","1111-2","1111-3"],["2222-1","2222-2","2222-3","2222-4"]];
function getList(iValue){
if(!form1.select1.options[form1.select1.selectedIndex].value)
return "";
var iStr = "";
for(var i=0;i<data1[iValue].length;i++)
iStr += "<option value=" + data1[iValue][i] + ">" + data2[iValue][i] + "</option>";
return "<select name=select2>" + iStr + "</select>";
}
function showList(){
iHTML.innerHTML = getList(form1.select1.options[form1.select1.selectedIndex].value);
}
</script>

[此贴子已经被作者于2006-8-14 1:17:41编辑过]

2006-08-14 01:06
沙僧
Rank: 1
等 级:新手上路
帖 子:160
专家分:0
注 册:2006-7-23
收藏
得分:0 
非常感谢:witp 的回答,辛苦你了。
现在新问题又来了,我怎么在服务器端把select1,select2的值取出来呢?

我刚做的论坛:bbs.,欢迎大家光临!交友QQ:45094574.
2006-08-14 09:17
witp
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2006-8-14
收藏
得分:0 

不明白你的是什么意思~~你说的“服务器端把select1,select2的值取出来呢?”
是指从服务器数据库里读数据出来???

那就自行参考你所使用的动态语言的实现方法~~~至于纯粹JS的data部分则只需直接把他写到<script></script>之间~~
例如ASP使用response.write等

2006-08-15 02:37
沙僧
Rank: 1
等 级:新手上路
帖 子:160
专家分:0
注 册:2006-7-23
收藏
得分:0 
再次感谢witp ,我的意思当用户提交的时候,在服务器端怎么知道客户端的select1,select2选择了哪一项。我现在知道怎么把客户端的select1,select2选择了哪一项的value值取出来了,有了这个可以进行下一步操作了。
比如客户端的select1选择了
<option value=" 1 ">1111-1</option>
我能在服务器端通过Request.from["select1"]得到“1”,如果能直接得到“1111-1”就更好了。

我刚做的论坛:bbs.,欢迎大家光临!交友QQ:45094574.
2006-08-15 10:58
witp
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2006-8-14
收藏
得分:0 

不是很明白你的意思
如果你想把optoin和现实的内容一致的话则直接把data1数组数据删除~~将value=data1改成data2

<form name=form1>
<select name="select1" OnChange="showList();">
<option value=""> </option>
<option value="0">1111</option>
<option value="1">2222</option>
</select>
<DIV ID=iHTML></DIV>
</form>
<script>
var data2 = [["1111-1","1111-2","1111-3"],["2222-1","2222-2","2222-3","2222-4"]];
function getList(iValue){
if(!form1.select1.options[form1.select1.selectedIndex].value)
return "";
var iStr = "";
for(var i=0;i<data2[iValue].length;i++)
iStr += "<option value=" + data2[iValue][i] + ">" + data2[iValue][i] + "</option>";
return "<select name=select2>" + iStr + "</select>";
}
function showList(){
iHTML.innerHTML = getList(form1.select1.options[form1.select1.selectedIndex].value);
}
</script>

[此贴子已经被作者于2006-8-16 9:22:18编辑过]

2006-08-16 09:19
快速回复:求在客户端实现两个Dropdownlist控件相互关联的方法
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015149 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved