关于select城市选择框的问题！为什么不显示_有问有答_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方技术论坛-国内领先的Weblogic、Tuxedo中间件技术论坛
联动北方-国内领先的云技术服务提供商
»  游客             当前位置：  论坛首页 »  自由讨论区 »  有问有答 »
总帖数
16
每页帖数
101/2页12
返回列表
0
发起投票  发起投票 发新帖子
查看: 3260 | 回复: 15   主题： 关于select城市选择框的问题！为什么不显示        下一篇 
blackTrc
注册用户
等级：少校
经验：853
发帖：13
精华：0
注册：2015-4-28
状态：离线
发送短消息息给blackTrc 加好友    发送短消息息给blackTrc 发消息
发表于： IP：您无权察看 2016-2-2 17:29:12 | [全部帖] [楼主帖] 楼主

代码如下：

<body>
<form>
    <select id="sheng">
        <option value="0">湖北省</option>
            <option value="1">广东省</option>
            <option value="2">湖南省</option>
            <option value="3">安徽省</option>
            <option value="4">河南省</option>
        </select>
        <select id="shi">
        <option value="">--请选择--</option>
        </select>
    </form>
    <script type="text/javascript">
var sheng=document.getElementById("sheng");
var shi=document.getElementById("shi");
var city=[];
city[0]=["武汉市","襄阳市","黄冈市","孝感市","仙桃市"];
city[1]=["广州市","东莞市","深圳市","珠海市","江门市"];
city[2]=["长沙市","常德市","衡阳市","郴州市","邵阳市"];
city[3]=["合肥市","蚌埠市","淮南市","淮北市","黄山市"];
city[4]=["郑州市","安阳市","邓州市","新乡市","驻马店市"];
sheng.onchange=function(){
for(var i=0;i<city[this.value];i++){
shi.add(new Option(city[this.value][i],city[this.value][i]));
}
}
</script>
</body>



以上代码为什么没有效果？this.value 确实是获得了value的属性，为什么shi.add(new Option(city[this.value][i],city[this.value][i]));这一段没气作用呢？
谢谢大神！

66.jpg



赞(0)    操作        顶端 
westRing
注册用户
等级：少校
经验：1198
发帖：22
精华：0
注册：2015-4-9
状态：离线
发送短消息息给westRing 加好友    发送短消息息给westRing 发消息
发表于： IP：您无权察看 2016-2-2 17:33:02 | [全部帖] [楼主帖] 2  楼

有个地方是不是写错了，在24行

for(var i=0;i<city[this.value].length;i++){

赞(0)    操作        顶端 
westRing
注册用户
等级：少校
经验：1198
发帖：22
精华：0
注册：2015-4-9
状态：离线
发送短消息息给westRing 加好友    发送短消息息给westRing 发消息
发表于： IP：您无权察看 2016-2-2 17:35:12 | [全部帖] [楼主帖] 3  楼

还有，add方法可以这样用吗，表示怀疑

赞(0)    操作        顶端 
_chen
版主
等级：中校
经验：2139
发帖：39
精华：0
注册：2013-8-23
状态：离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于： IP：您无权察看 2016-2-2 17:46:39 | [全部帖] [楼主帖] 4  楼

试试如下代码：

<form>
	<select id="sheng">
		<option value="0">湖北省</option>
		<option value="1">广东省</option>
		<option value="2">湖南省</option>
		<option value="3">安徽省</option>
		<option value="4">河南省</option>
	</select>
	<select id="shi">
		<option value="">--请选择--</option>
	</select>
</form>
<script type="text/javascript">
var sheng=document.getElementById("sheng");
var shi=document.getElementById("shi");
var city=[];
city[0]=["武汉市","襄阳市","黄冈市","孝感市","仙桃市"];
city[1]=["广州市","东莞市","深圳市","珠海市","江门市"];
city[2]=["长沙市","常德市","衡阳市","郴州市","邵阳市"];
city[3]=["合肥市","蚌埠市","淮南市","淮北市","黄山市"];
city[4]=["郑州市","安阳市","邓州市","新乡市","驻马店市"];

sheng.onchange=function(){
	shi.innerHTML = "<option value=''>--请选择--</option>";
	for(var i=0;i<city[this.value].length;i++){
		shi.add(new Option(city[this.value][i],city[this.value][i]));
	}
}
</script>

赞(0)    操作        顶端 
hui.chen
注册用户
等级：大校
经验：6070
发帖：48
精华：4
注册：2014-2-7
状态：离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于： IP：您无权察看 2016-2-3 10:54:40 | [全部帖] [楼主帖] 5  楼

关于add方法的解释，W3C上是这样写的

add() 方法用于向 select 添加一个 option 元素

语法：

selectObject.add(option,before)

option：要添加选项元素，必需是 option 或 optgroup 元素

before：在选项数组的该元素之前增加新的元素，如果该参数是null，元素添加到选项数组的末尾

小例子：

var opt = document.createElement("option");
opt.text = opt.value = i;
obj.add(opt);

在IE下添加成功，火狐下不成功，需要写成

obj.options.add(opt);



该贴被hui.chen编辑于2016-2-3 11:57:00

u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
hui.chen
注册用户
等级：大校
经验：6070
发帖：48
精华：4
注册：2014-2-7
状态：离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于： IP：您无权察看 2016-2-3 16:34:49 | [全部帖] [楼主帖] 6  楼

有失误，抱歉，刚在火狐下测试了上述代码，shi.add(opt)的写法也是没有问题，我使用的是火狐44.0的版本

在IE11下，shi.options.add(opt);的写法也没有问题


该贴被hui.chen编辑于2016-2-3 16:40:17

u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
唾沫星子
注册用户
等级：下士
经验：176
发帖：1
精华：0
注册：2016-1-8
状态：离线
发送短消息息给唾沫星子 加好友    发送短消息息给唾沫星子 发消息
发表于： IP：您无权察看 2016-2-3 16:51:00 | [全部帖] [楼主帖] 7  楼

额，我是路过哒

赞(0)    操作        顶端 
_chen
版主
等级：中校
经验：2139
发帖：39
精华：0
注册：2013-8-23
状态：离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于： IP：您无权察看 2016-2-6 14:19:11 | [全部帖] [楼主帖] 8  楼

有失误，抱歉，刚在火狐下测试了上述代码，shi.add(opt)的写法也是没有问题，我使用的是火狐44.0的版本在IE11下，shi.options.add(opt);的写法也没有问题该贴被hui......

应该是浏览器升级了，现在的兼容性越来越好了

赞(0)    操作        顶端 
斗破苍穹
注册用户
等级：中尉
经验：442
发帖：3
精华：0
注册：2016-1-8
状态：离线
发送短消息息给斗破苍穹 加好友    发送短消息息给斗破苍穹 发消息
发表于： IP：您无权察看 2016-2-15 15:21:32 | [全部帖] [楼主帖] 9  楼

非常棒，值得学习！

赞(0)    操作        顶端 
filogra
注册用户
等级：少校
经验：1408
发帖：13
精华：0
注册：2015-6-2
状态：离线
发送短消息息给filogra 加好友    发送短消息息给filogra 发消息
发表于： IP：您无权察看 2016-4-25 9:13:19 | [全部帖] [楼主帖] 10  楼



赞(0)    操作        顶端 
总帖数
16
每页帖数
101/2页12
返回列表
发新帖子
请输入验证码： 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论

Weblogic中间件技术论坛

 |

Tuxedo中间件技术论坛

 |

数据库论坛

 |

Java论坛

 |

Linux/unix论坛

 |

网站地图


Powered by LandingBJ     @ 2008-2018     联动北方   
京ICP证号090597    京ICP备案09017624号    京公网安备110112000093号    
400-810-2327     Email：service@landingbj.com   

Powered by landingbj @ 2008-2015 联动北方
京ICP证号090597 京ICP备案09017624号 京公网安备110112000093号
86-27-87056338 Email：service@landingbj.com