二级联动省市的为什么单独代码没有问题但是放进项目就有错误

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>微签到详情页面</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="stylesheet" href="css/amazeui.min.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/invite.css">
<link rel="stylesheet" href="css/check-in.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，不提供支持。 请升级浏览器以获得更好的体验！</p>
<![endif]-->


<!--开头会员中心、首页、退出等-->
<div id="top">
<ul>
<li><a href="index.html"><i class="iconfont"></i>首页</a></li>
<li><a href="question-vip-list.html"><i class="iconfont"></i>会员中心</a></li>
<li><a onclick="custom_close()"><i class="iconfont"></i>退出</a></li>
</ul>
</div>

<!--从header到侧边栏-->
<header data-am-widget="header" class="am-header am-header-default">

<div class="am-header-left am-header-nav">
<a href="check-in.html" >

<i class="am-header-icon am-icon-angle-left"></i>
</a>
</div>
<h1 class="am-header-title">
<a href="#" class="">
先声药业非专利产品会议管理平台
</a>
</h1>
</header>

<nav data-am-widget="menu" class="am-menu am-menu-dropdown1"
data-am-menu-collapse>
<a href="javascript: void(0)" class="am-menu-toggle">
<i class="am-menu-toggle-icon am-icon-list"></i>
</a>

<ul class="am-menu-nav am-avg-sm-1 am-collapse">
<li>
<a href="invite.html" >微邀请</a>
</li>
<li>
<a href="check-in.html">微签到</a>
</li>
<li>
<a href="meeting.html" >会议介绍</a>
</li>
<li>
<a href="question.html">现场提问</a>
</li>
<li>
<a href="gift.html"">微抽奖</a>
</li>
<li>
<a href="question-vip-list.html" >VIP入口</a>
</li>
</ul>

</nav>


<!--主体-->
<div id="button-group">
<h2>非专利微信平台交流会签到</h2>
<b>【地点】：南京市</b>
<b style="float: right;margin-right: 10px">2016-01-14</b>
<hr>
<div id="name" class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<input type="text" class="am-form-field" placeholder="请输入你的名字" maxlength="10">
</div>
<p style="color: red;display: none">输入不得为空。</p>
<div id="danwei"class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<input type="text" class="am-form-field" placeholder="请输入你的单位">
</div>
<p style="color: red;display: none">输入不得为空。</p>
<div id="bumen" class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<input type="text" class="am-form-field" placeholder="请输入你的街道">
</div>
<p style="color: red;display: none">输入不得为空。</p>
<div id="phone" class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<input type="number" class="am-form-field" placeholder="请输入你的手机" size="11">
</div>
<p style="color: red;display: none">输入不得为空。</p>
<div id="province" class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<select id="province" class="am-form-field">
<option>请选择省份</option>
<option>吉林省</option>
<option>辽宁省</option>
<option>山东省</option>
<option>吉林省</option>
<option>辽宁省</option>
<option>山东省</option>
<option>吉林省</option>
<option>辽宁省</option>
<option>山东省</option>
</select>
</div>
<script>
// 1. 获取省份列表,绑定onchange事件
var provinceElement = document.getElementById("province");
provinceElement.onchange = function(){
// 清空城市列表
var cityElement = document.getElementById("city");
var opts = cityElement.getElementsByTagName("option");
for(var z=1;z<opts.length;z++){
cityElement.removeChild(opts[z]);
z--;
}
var provinceValue = provinceElement.value;
var cities;
switch (provinceValue){
case "吉林省":
cities = ["长春市","吉林市","松原市","四平市","通化市"];
break;
case "辽宁省":
cities = ["沈阳市","大连市","铁岭市","丹东市","锦州市"];
break;
case "山东省":
cities = ["济南市","青岛市","威海市","日照市","德州市"];
break;
case "吉林省":
cities = ["长春市","吉林市","松原市","四平市","通化市"];
break;
case "辽宁省":
cities = ["沈阳市","大连市","铁岭市","丹东市","锦州市"];
break;
case "山东省":
cities = ["济南市","青岛市","威海市","日照市","德州市"];
break;
case "吉林省":
cities = ["长春市","吉林市","松原市","四平市","通化市"];
break;
case "辽宁省":
cities = ["沈阳市","大连市","铁岭市","丹东市","锦州市"];
break;
case "山东省":
cities = ["济南市","青岛市","威海市","日照市","德州市"];
break;
}
for(var i=0;i<cities.length;i++){
var cityValue = cities[i];
var option = document.createElement("option");
var textNode = document.createTextNode(cityValue);
option.appendChild(textNode);
cityElement.appendChild(option);
}
}
</script>
<div id="province" class="am-input-group am-input-group-primary">
<span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
<select id="city" class="am-form-field">
<option>请选择城市</option>
</select>
</div>
<p style="color: red;display: none">输入不得为空。</p>
<button class="am-btn am-btn-success" onclick="link()">点击签到</button>
</div>


<!--footer底边信息栏-->
<footer data-am-widget="footer"
class="am-footer am-footer-default"
data-am-footer="{ }">
<div class="am-footer-miscs ">
<p>Powered by 2016 先健医疗管理咨询公司</p>
<p>联系方式 : 13764019600 13182808860</p>
</div>
</footer>



<script>
function link(){
var name = $('#name input').val();
var danwei = $('#danwei input').val();
var bumen = $('#bumen input').val();
var phone = $('#phone input').val();
if(name=="" || danwei=="" || bumen == "" || phone==""){
alert('签到信息未完善！')
}
else{
alert('签到成功！');
window.location.href='check-in.html';
}
}
</script>

<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
!window.jQuery&&document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<script src="js/amazeui.min.js"></script>
<!--退出按钮-->
<script language="javascript">
// 这个脚本是 ie6和ie7 通用的脚本
function custom_close(){
if
(confirm("您确定要关闭本页吗？")){
window.opener=null;
window.open('','_self');
window.close();
}
else{}
}
</script>
</body>
</html>