portal html css js resource

fillinfoNew.html 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!doctype html>
  2. <html>
  3. <meta charset="UTF-8">
  4. <title>完善个人信息</title>
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  7. <link type="text/css" rel="stylesheet" href="css/reset.css">
  8. <link type="text/css" rel="stylesheet" href="css/common.css">
  9. <link type="text/css" rel="stylesheet" href="css/genindex.css">
  10. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  11. </head>
  12. <body class="covbodyBg">
  13. <div class="containerCon">
  14. <a href="index.html" class="headlogo signLogo"></a>
  15. </div>
  16. <!--中间-->
  17. <div id="container">
  18. <div class="containerCon contConP">
  19. <div class="covFrmblock" style="min-width: 440px;">
  20. <form class="cmpAllFrm">
  21. <p class="h1Font alignCenter mainColor">完善个人信息</p>
  22. <div class="fillMore">
  23. <div class="alignCenter fillMoreHead">
  24. <div class="fillHead userRadius">
  25. <!--<a href="javascript:;" class="mui-icon iconfont icon-camera headimglink" id="userimg"></a>-->
  26. <div id="imgshow"> </div>
  27. </div>
  28. <span class="h1Font">田鹏飞</span>
  29. </div>
  30. <div class="fillShow">
  31. <ul>
  32. <li>
  33. <div class="col-w-2"><em class="emspace"></em></div>
  34. <div class="col-w-10">
  35. <div class="textinput" contenteditable="true"></div>
  36. </div>
  37. </li>
  38. <li>
  39. <div class="col-w-2">所在机构</div>
  40. <div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
  41. </li>
  42. <li>
  43. <div class="col-w-2">所属部门</div>
  44. <div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
  45. </li>
  46. <li>
  47. <div class="col-w-2"><em class="emspace"></em></div>
  48. <div class="col-w-10"><div class="textinput" contenteditable="true"></div></div>
  49. </li>
  50. <li>
  51. <div class="col-w-2">所在城市</div>
  52. <div class="col-w-10">
  53. <div class="citybox">
  54. <form action="" name="form1">
  55. <div class="infolist">
  56. <div class="liststyle clearfix">
  57. <span id="Province">
  58. <em class="mr_sj"></em>
  59. <i class="mr_show" id="oprovince">请选择省份</i>
  60. <ul>
  61. <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
  62. </ul>
  63. <input type="hidden" name="cho_Province" value="请选择省份">
  64. </span>
  65. <span id="City" style="margin-left:2%;">
  66. <em class="mr_sj"></em>
  67. <i class="mr_show" id="ocity">请选择城市</i>
  68. <ul>
  69. <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  70. </ul>
  71. <input type="hidden" name="cho_City" value="请选择城市">
  72. </span>
  73. </div>
  74. </div>
  75. </form>
  76. </div>
  77. </div>
  78. </li>
  79. <li class="alignCenter">
  80. <div class="col-w-6">
  81. <button type="button" class="frmtype btnModel btnCancel save-block headRadius">返回</button>
  82. </div>
  83. <div class="col-w-6">
  84. <button type="button" class="frmtype btnModel save-block headRadius">进入科袖</button>
  85. </div>
  86. </li>
  87. </ul>
  88. </div>
  89. </div>
  90. </div>
  91. </form>
  92. </div>
  93. </div>
  94. </div>
  95. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  96. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  97. <script type="text/javascript" src="js/city.min.js"></script>
  98. <script type="text/javascript" src="js/common.js"></script>
  99. <script type="text/javascript">
  100. //省份城市颜色
  101. if($("#oprovince").text()=="请选择省份"){
  102. $("#oprovince").removeClass("mr_select");
  103. }else{
  104. $("#oprovince").addClass("mr_select");
  105. }
  106. if($("#ocity").text()=="请选择城市"){
  107. $("#ocity").removeClass("mr_select");
  108. }else{
  109. $("#ocity").addClass("mr_select");
  110. }
  111. /*选择省份*/
  112. $(document).on("click", "#Province li a", function() {
  113. var aVal = $(this).text();
  114. $(this).parent().parent().parent().find('.mr_show').text(aVal);
  115. $(this).parent().parent().parent().find('input[name=cho_Province]').val(aVal);
  116. if($("#oprovince").text()=="请选择省份"){
  117. $("#oprovince").removeClass("mr_select");
  118. $("#ocity").removeClass("mr_select");
  119. }else{
  120. $("#oprovince").addClass("mr_select");
  121. $("#ocity").removeClass("mr_select");
  122. }
  123. });
  124. /*选择城市填充js */
  125. $(document).on("click", "#City li a", function() {
  126. var aVal = $(this).text();
  127. $(this).parent().parent().parent().find('.mr_show').text(aVal);
  128. $(this).parent().parent().parent().find('input[name=cho_City]').val(aVal);
  129. if($("#ocity").text()=="请选择城市"){
  130. $("#ocity").removeClass("mr_select");
  131. }else{
  132. $("#ocity").addClass("mr_select");
  133. }
  134. });
  135. </script>
  136. </body>
  137. </html>