选择地址

最新推荐文章于 2022-06-08 10:27:45 发布

weixin_34055787

最新推荐文章于 2022-06-08 10:27:45 发布

阅读量142

点赞数

文章标签： javascript python 前端 ViewUI

原文链接：https://my.oschina.net/parchments/blog/655843

版权

2019独角兽企业重金招聘Python工程师标准>>>

css

<style>
  .xuanza_shuru{position: relative; background-color: #fff;}
  .xuanza_shuru figure{}
  .xuanza_shuru label{position: absolute;left: 0; width: 8rem;height: 5rem;
  line-height: 4rem;float: left;font-size: 14px;text-align: center; color: #000;}
  .xuanza_shuru .shouji{padding-left: 9rem; }
  .xuanza_shuru .shouji input{height: 5rem; border-bottom: 1px solid #c5ccd8;}
  .xuanza_shuru .shouji select{height: 5rem; border-bottom: 1px solid #c5ccd8;}

  .dibu{position: fixed;bottom: 0; height: 4.8rem; line-height: 4.8rem;
  background-color: #fe7100; width: 100%;}
  .dibu ul{display: -webkit-box;height: 4.8rem; line-height: 4.8rem; }
  .dibu li{height: 4.8rem; line-height: 4.8rem;text-align: center; -webkit-box-flex: 1;
  -webkit-box-pack: center;}
  .dibu li span{padding-top: .7rem; display: block;font-size: 2.5rem; text-align: center;
   color: #fff;}
  .dibu li p{line-height: 1.5rem; text-align: center;font-size: 15px; color: #fff;}
</style>

html

<article class="xuanza_shuru">
  <figure>
    <label>输入邮箱</label>
    <div class="shouji"><input type="text" placeholder="请输入手机号"></div>
  </figure>
  <figure>
    <label>选择省份</label>
    <div class="shouji">
      <select  id="ProvinceID" name="ProvinceID" onblur="checkSubmit();" 
       emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
  <figure>
    <label>选择城市</label>
    <div class="shouji">
      <select  id="CityID" name="CityID" emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
  <figure>
    <label>选择地区</label>
    <div class="shouji">
      <select id="AreaID" name="AreaID"  emp="true" errorid="errorArea">
      </select>
    </div>
  </figure>
</article>

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/province.js"></script>
<script src="js/pca.js"></script>

<script type="text/javascript">new InitPCA("ProvinceID", "CityID", "AreaID", "", "", "");</script>

//本文来源于网络，本人总结起来并优化，分享给有需要的前端朋友，如有侵权，请联系删除，也请指正、批评

转载于:https://my.oschina.net/parchments/blog/655843