jQuery仿Boss直聘城市选择插件

所属分类:输入-选择框

 29706  312  查看评论 (4)
分享到微信朋友圈
X
jQuery仿Boss直聘城市选择插件 ie兼容11

引用class就能使用

相关插件-选择框

双向选择表格(支持IE8及以上)

双向选择表格,支持自定义查询条件(支持下拉框)、自定义表头和数据格式(表格支持链接)、单选全选、选择事件、动态修改数据等功能,具体可以查看示例
  选择框
 23873  198

jQuery移动端自定义select插件Ansel

Ansel自定义手机浏览器重置下拉选择带搜索
  选择框
 46168  330

jQuery联动下拉菜单

一款简单实用的联动下拉菜单,第一的条件未选择的情况下无法选择第二个,以此类推
  选择框
 45921  348

div模拟下拉省市级联三级联动附带地区数据(原创)

带地区代码,兼容到ie8;浏览器样式统一,下拉图标可自行更换,根据隐藏input value值获取地区代码
  选择框
 33009  327

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

      0
    2020/9/15 14:58:06
    怎么得到返回值呢
        嚯嚯嚯0
        2020/11/9 16:48:28
        没有id,返回值只有城市名称,在class为cityName的span里面,当时做的比较随意哈😀
    回复
    LOVEF 0
    2019/12/2 10:12:03

    怎么引用class?

        areyouOk1
        2019/12/2 11:24:31

        这个需要引用样式文件,就是所说的class

        <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
        <link rel="stylesheet" href="css/citySelect.css">

        html代码

        <div class="search">
            <div class="citySelect">
                <span class="cityName">北京</span>
                <i class="iconDown"></i>
                <i class="line"></i>
            </div>
            <div class="dropDown">
                <div class="dropProv">
                    <ul class="dropProvUl dropUl"></ul>
                </div>
                <div class="dropCity">
                    <ul class="dropCityUl dropUl"></ul>
                </div>
            </div>
        </div>

        需要调用的js文件

        <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="js/citySelect.js"></script>

        以上代码加入到你的html文件中,对应好路径就行了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复