portal html css js resource

fillinfo-select.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>完善个人信息</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  8. <link type="text/css" rel="stylesheet" href="css/reset.css">
  9. <link type="text/css" rel="stylesheet" href="css/common.css">
  10. <link type="text/css" rel="stylesheet" href="css/genindex.css">
  11. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  12. </head>
  13. <body class="covbodyBg">
  14. <div class="containerCon">
  15. <a href="index.html" class="headlogo signLogo"></a>
  16. </div>
  17. <!--中间-->
  18. <div id="container">
  19. <div class="containerCon contConP">
  20. <div class="covFrmblock">
  21. <form class="cmpAllFrm">
  22. <p class="h1Font alignCenter mainColor">完善个人信息</p>
  23. <div class="selectSortBox">
  24. <div class="bindtip"><img src="images/sign_bg_tishi_1_nor.png" width="100%" /></div>
  25. <ul class="mui-table-view mui-grid-view mui-grid-9">
  26. <li class="col-w-4" data-num="1">
  27. <span class="selectSort sort-pro"></span>
  28. <div class="sortbody">科研工作者</div>
  29. </li>
  30. <li class="col-w-4" data-num="2">
  31. <span class="selectSort sort-mana"></span>
  32. <div class="sortbody">企业高管</div>
  33. </li>
  34. <li class="col-w-4" data-num="3">
  35. <span class="selectSort sort-stu"></span>
  36. <div class="sortbody">在校生</div>
  37. </li>
  38. <li class="col-w-4" data-num="4">
  39. <span class="selectSort sort-skill"></span>
  40. <div class="sortbody">技术人员</div>
  41. </li>
  42. <li class="col-w-4" data-num="5">
  43. <span class="selectSort sort-hr"></span>
  44. <div class="sortbody">HR/猎头</div>
  45. </li>
  46. <li class="col-w-4" data-num="6">
  47. <span class="selectSort sort-sale"></span>
  48. <div class="sortbody">销售人员</div>
  49. </li>
  50. <li class="col-w-4" data-num="7">
  51. <span class="selectSort sort-invest"></span>
  52. <div class="sortbody">投资方</div>
  53. </li>
  54. <li class="col-w-4" data-num="8">
  55. <span class="selectSort sort-consult"></span>
  56. <div class="sortbody">咨询顾问</div>
  57. </li>
  58. <li class="col-w-4 selectNow" data-num="0">
  59. <span class="selectSort sort-user"></span>
  60. <div class="sortbody">普通用户</div>
  61. <span class="selectNowicon"></span>
  62. </li>
  63. </ul>
  64. <div class="frmboxNew">
  65. <button type="button" class="frmtype btnModel save-block headRadius" id="nextbut">下一步</button>
  66. </div>
  67. </div>
  68. </form>
  69. </div>
  70. </div>
  71. </div>
  72. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  73. <script type="text/javascript">
  74. $(function(){
  75. var id=$.cookie('userid')
  76. $(".selectSortBox").on("click","li",function(){
  77. var liAll = document.getElementsByTagName('li');
  78. var slescted =document.createElement("span")
  79. slescted.className = "selectNowicon";
  80. for(var i = 0;i <liAll.length;i++){
  81. if(liAll[i].classList.contains("selectNow")){
  82. liAll[i].classList.remove("selectNow");
  83. liAll[i].removeChild(liAll[i].getElementsByTagName("span")[1]);
  84. }
  85. }
  86. this.classList.add("selectNow");
  87. this.appendChild(slescted);
  88. })
  89. $("#nextbut").on("click",function(){
  90. var authentication = $(".selectNow").attr("data-num");
  91. $.ajax({
  92. "url":"../ajax/professor/authen",
  93. "type":"POST",
  94. "data":{"id":id,"authentication":authentication},
  95. "success":function(data){
  96. console.log(data);
  97. if(data.success){
  98. $.cookie('authentication', authentication, {path: "/"});
  99. location.href = "fillinfoNew.html";
  100. }
  101. },
  102. "error":function(){
  103. $.MsgBox.Alert('消息', '服务器请求失败');
  104. }
  105. })
  106. })
  107. })
  108. </script>
  109. </body>
  110. </html>