jQuery仿Boss直聘城市选择插件

所属分类:输入-选择框

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

引用class就能使用

相关插件-选择框

移动端城市搜索选择(原创)

原创,代码简单易修改。类仿大众点评选择城市的部分,只是部分不必要功能没有。有备注!json可修改!
  选择框
 25976  324

jQuery左右选择切换

左右选择切换,兼容主流浏览器
  选择框
 49257  357

全国多级联动下拉菜单(原创)

基于mobile.js的全国多级移动端联动下拉菜单
  选择框
 35635  385

模糊查询的下拉框

下拉框的样子,上面可以输入带有查询功能
  选择框
 60893  464

讨论这个项目(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文件中,对应好路径就行了

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