首页>>Jquery文字>>弹出的职位选择器 完整职业选择器(2020-05-25)

弹出的职位选择器 完整职业选择器

弹出的职位选择器 完整职业选择器
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.     $(document).ready(function () {  
  3.         $("#result").bind("click", function () {  
  4.             $("#result").positionSelect({  
  5.                 containerId: "positionDiv",  
  6.                 className: "big-window",  
  7.                 nameId: "result"  
  8.             });  
  9.         });  
  10.     });  
  11. </script>  

 

XML/HTML Code
  1. <div class="big-window bg-f0" id="position">  
  2.     <div class="title">  
  3.         <b>选择职位</b><span class="tip">(最多选择5项)</span> <a href="#" onclick="javascript:closeposition()">  
  4.         </a>  
  5.     </div>  
  6.     <div class="sele-tag">  
  7.         <dl>  
  8.             <dt>已选择：</dt>  
  9.             <dd>  
  10.                 <a href="#">已选择的职位1</a><a href="#">已选择的职已选择的职位位2</a><a href="#">已选择已选择的职位的职位3</a><a  
  11.                     href="#">已已选择的职位选择的职位4</a><a href="#">已已选择的职位选择的职位5</a><a href="#" class="btn">确 定</a>  
  12.             </dd>  
  13.         </dl>  
  14.     </div>  
  15.     <div class="position-menu">  
  16.         <div class="menu">  
  17.             <ul>  
  18.                 <li>销售|客服|市场</li>  
  19.                 <li>财务|人力资源|行政</li>  
  20.                 <li class="sele">项目|质量|高级管理</li>  
  21.                 <li>IT|互联网|通信</li>  
  22.                 <li>房产|建筑|物业管理</li>  
  23.                 <li>金融</li>  
  24.                 <li>采购|贸易|交通|物流</li>  
  25.                 <li>生产|制造</li>  
  26.                 <li>传媒|印刷|艺术|设计</li>  
  27.                 <li>咨询|法律|教育|翻译</li>  
  28.                 <li>服务业</li>  
  29.                 <li>能源|环保|农业|科研</li>  
  30.                 <li>兼职|实习|社工|其他</li>  
  31.             </ul>  
  32.         </div>  
  33.         <div class="sub-menu">  
  34.             <dl>  
  35.                 <dt>电信/通信技术开发及应用</dt>  
  36.                 <dd>  
  37.                     <a href="#">互联网/电子商务 </a><a href="#">计算机软件 </a><a href="#">IT服务(系统/数据/维护) </a><a  
  38.                         href="#">电子技术/半导体/集成电路 </a><a href="#">计算机硬件 </a><a href="#">通信/电信/网络设备 </a>  
  39.                     <a href="#">通信/电信运营、增值服务 </a><a href="#">网络游戏</a>  
  40.                 </dd>  
  41.             </dl>  
  42.             <dl>  
  43.                 <dt>财务/审计/税务</dt>  
  44.                 <dd>  
  45.                     <a href="#">快速消费品（食品/饮料/烟酒/日化） </a><a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a><a href="#">  
  46.                         贸易/进出口 </a><a href="#">零售/批发 </a><a href="#">租赁服务 </a>  
  47.                 </dd>  
  48.             </dl>  
  49.             <dl>  
  50.                 <dt>交通运输服务</dt>  
  51.                 <dd>  
  52.                     <a href="#">互联网/电子商务 </a><a href="#">计算机软件 </a><a href="#">IT服务(系统/数据/维护) </a><a  
  53.                         href="#">电子技术/半导体/集成电路 </a><a href="#">计算机硬件 </a><a href="#">通信/电信/网络设备 </a>  
  54.                     <a href="#">通信/电信运营、增值服务 </a><a href="#">网络游戏</a>  
  55.                 </dd>  
  56.             </dl>  
  57.             <dl>  
  58.                 <dt>生物/制药/医疗器械</dt>  
  59.                 <dd>  
  60.                     <a href="#">快速消费品（食品/饮料/烟酒/日化） </a><a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a><a href="#">  
  61.                         贸易/进出口 </a><a href="#">零售/批发 </a><a href="#">租赁服务 </a>  
  62.                 </dd>  
  63.             </dl>  
  64.             <dl>  
  65.                 <dt>互联网产品/运营管理</dt>  
  66.                 <dd>  
  67.                     <a href="#">汽车/摩托车</a> <a href="#">大型设备/机电设备/重工业 </a><a href="#">加工制造（原料加工/模具） </a>  
  68.                     <a href="#">仪器仪表及工业自动化 </a><a href="#">印刷/包装/造纸 </a><a href="#">办公用品及设备 </a><a href="#">  
  69.                         医药/生物工程 </a><a href="#">医疗设备/器械 </a><a href="#">航空/航天研究与制造</a>  
  70.                 </dd>  
  71.             </dl>  
  72.             <dl>  
  73.                 <dt>房地产|建筑业</dt>  
  74.                 <dd>  
  75.                     <a href="#">房地产/建筑/建材/工程 </a><a href="#">家居/室内设计/装饰装潢 </a><a href="#">物业管理/商业中心</a>  
  76.                 </dd>  
  77.             </dl>  
  78.         </div>  
  79.     </div>  
  80. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_865.html