显示不了下拉列表

显示不了下拉列表

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link href="index1.css" rel="stylesheet" type="text/css">
		<script type="text/javascript">
		function address(){
		var city=document.getElementById("city"); 
		var area=document.getElementById("area");
		var str1=["北京市","天津市","河北省","河南省"];
		var str2=["朝阳区","西城区","石家庄","邯郸市","西青市","武清市","郑州市","开封市"];
			for(var stra of str1){
				selectAdd(city,stra,stra);
			}
			for(var strb of str2){
				selectAdd(area,strb,strb);
			}	
		}

		function selectAdd(obj,name,value){
			obj.options.add(new Option(name,value));
		}
		</script> 
</head>

<body onLoad="address()">
	<form>
		<label>省:</label>
		<select name="city" id="city"></select>
		<label>市/区:</label>
		<select name="area" id="area"></select>
	</form>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5daa9d3c08a05ad707420360.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

1、同学你好,老师测试了你的代码,下拉列表可以正常显示呢:

http://img1.sycdn.imooc.com//climg/5daab1af09926a7b03220230.jpg

2、建议同学刷新一下试试,并确认一下,打开的是否这个代码的文件。

3、如果确认无误,建议同学在浏览器页面时,按键盘上的F12 键,调出浏览器的控制器

看一下浏览器的控制台是否有报错呢?如果有,请把报错截图一下

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

  • IMCurie 提问者 #1
    后台没有报错,还是显示不了
    2019-10-19 15:11:07
  • 好帮手慕阿莹 回复 提问者 IMCurie #2
    请同学把js部分放在html末尾的部分再试试呢?因为老师测试同学的代码是可以下拉的,同学可以复制一份,放在电脑的桌面,然后在用浏览器打开试试呢?
    2019-10-19 15:16:33
  • IMCurie 提问者 回复 好帮手慕阿莹 #3
    放在桌面试了下,可以耶!为啥在编译器中就不行了呢?我用的DW
    2019-10-19 15:53:00
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师