select联动？
日期：2014-05-18 浏览次数：20727 次
select联动？？
做一个下拉列表的联动，就是在选择陕西省，下一级列表中会显示省会城市还有其他城市供选择！！
------解决方案--------------------
最简单办法的是用ajax来实现
------解决方案--------------------
城市下拉列表实现option的动态增加和删除
省份下拉列表的onchange事件调用城市下拉列表的动态增加和删除即可
------解决方案--------------------
可以不用ajax ，直接用js，把所有的城市都添进去。
不过工程量比较大点
------解决方案--------------------
如果是静态的可以这样：
<html>
<head><title>select联动实例</title></head>
<script language="javascript">
var province=new Array("山东","山西","浙江");
var city=new Array();
city["山东"]=new Array("济南","青岛","威海");
city["山西"]=new Array("大同","aa","bb");
city["浙江"]=new Array("cc","dd","ee");
function followMe(){
var select2=document.getElementById("select2");
var value1=document.getElementById("select1").value;
select2.options.length=0;
for(var it in city[value1]){
select2.options.add(new Option(city[value1][it],city[value1][it]));
}
}
function init(){
var select1=document.getElementById("select1");
var select2=document.getElementById("select2");
for(var i=0;i<province.length;i++){
select1.options.add(new Option(province[i],province[i]));
}
followMe();
}
window.onload=init;
</script>
<body>
<select name="select1" id="select1" style="width:80"onchange="followMe()"></select>
<select name="select2" id="select2" style="width:80"></select>
</body>
</html>
------解决方案--------------------
------解决方案--------------------
用AJAX比较方便-0-只需要解析一下responseXML就可以了
------解决方案--------------------
http://writeblog.csdn.net/PostList.aspx
进我的博客里看看就知道了 这对你很有帮助的
------解决方案--------------------
lz看一下这个帖子里我的回复，实现代码已经给出。
http://topic.csdn.net/u/20070906/12/fe5993b7-b750-4847-bdab-591928df0887.html
------解决方案--------------------
用DOM解析ajax异步返回的xml，比自己去拼接html要方便的多。
------解决方案--------------------
用 js 做 有3000条数据以上
我前天 做玩了 花了我100分
做一个下拉列表的联动，就是在选择陕西省，下一级列表中会显示省会城市还有其他城市供选择！！
------解决方案--------------------
最简单办法的是用ajax来实现
------解决方案--------------------
城市下拉列表实现option的动态增加和删除
省份下拉列表的onchange事件调用城市下拉列表的动态增加和删除即可
------解决方案--------------------
可以不用ajax ，直接用js，把所有的城市都添进去。
不过工程量比较大点
------解决方案--------------------
如果是静态的可以这样：
<html>
<head><title>select联动实例</title></head>
<script language="javascript">
var province=new Array("山东","山西","浙江");
var city=new Array();
city["山东"]=new Array("济南","青岛","威海");
city["山西"]=new Array("大同","aa","bb");
city["浙江"]=new Array("cc","dd","ee");
function followMe(){
var select2=document.getElementById("select2");
var value1=document.getElementById("select1").value;
select2.options.length=0;
for(var it in city[value1]){
select2.options.add(new Option(city[value1][it],city[value1][it]));
}
}
function init(){
var select1=document.getElementById("select1");
var select2=document.getElementById("select2");
for(var i=0;i<province.length;i++){
select1.options.add(new Option(province[i],province[i]));
}
followMe();
}
window.onload=init;
</script>
<body>
<select name="select1" id="select1" style="width:80"onchange="followMe()"></select>
<select name="select2" id="select2" style="width:80"></select>
</body>
</html>
------解决方案--------------------
------解决方案--------------------
用AJAX比较方便-0-只需要解析一下responseXML就可以了
------解决方案--------------------
http://writeblog.csdn.net/PostList.aspx
进我的博客里看看就知道了 这对你很有帮助的
------解决方案--------------------
lz看一下这个帖子里我的回复，实现代码已经给出。
http://topic.csdn.net/u/20070906/12/fe5993b7-b750-4847-bdab-591928df0887.html
------解决方案--------------------
用DOM解析ajax异步返回的xml，比自己去拼接html要方便的多。
------解决方案--------------------
用 js 做 有3000条数据以上
我前天 做玩了 花了我100分
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
