关于select城市选择框的问题!求大神帮忙!感谢!

_____Michael 2016-02-01 10:45:33
<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]));这一段没气作用呢?
谢谢大神!
...全文
146 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
tpanhh 2016-02-02
  • 打赏
  • 举报
回复
<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]=["郑州市","安阳市","邓州市","新乡市","驻马店市"];
function init(){
	for(var i=0;i<city[0].length;i++){
		shi.add(new Option(city[0][i],city[0][i]));
	}
}
init();
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>
hch126163 2016-02-01
  • 打赏
  • 举报
回复
for(var i=0;i<city[this.value].length;i++)
猿敲月下码 2016-02-01
  • 打赏
  • 举报
回复
sheng.onchange=function(){ // 此处还需做一个shi的清除操作 for(var i=0;i<city[this.value].length;i++){ shi.add(new Option(city[this.value][i],city[this.value][i])); } }
懒惰的恢 2016-02-01
  • 打赏
  • 举报
回复
我是

sheng.onchange=function(){
        shi.innerHTML = '';
        for(var j=0; j<city[this.value].length; j++){
            shi.innerHTML += '<option value="">'+ city[this.value][j] +'</option>';
        }
    }
add是哪里的方法呀,option这个标签可以这么创建???

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧