UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

简单的下拉选择框

所属分类：输入-选择框

 70066  314  查看评论 (31)
分享到微信朋友圈
X
简单的下拉选择框 ie兼容10
 查看演示  立即下载

使用方法

1、定义select标签，option元素，select标签需要加上id属性：

<div class="form">
    <select id="city" class="select">
        <option value="贵阳">贵阳</option>
        <option value="六盘水">六盘水</option>
        <option value="都匀">都匀</option>
        <option value="福泉">福泉</option>
        <option value="遵义">遵义</option>
        <option value="兴义">兴义</option>
        <option value="安顺">安顺</option>
        <option value="凯里">凯里</option>
        <option value="毕节">毕节</option>
    </select>
</div>

2、在页面引入CSS和js文件

<link rel="stylesheet" href="css/j-select.css" />
<script src="js/nicescroll/jquery-nicescroll.js"></script><!-- 使用了nicescroll插件美化下拉框的滚动条 -->
<script src="js/jquery-jSelect.min.js" ></script>
3、页面中加入如下代码
<script type="text/javascript">
    $(".select").jSelect();
</script>

over。。。


相关插件-选择框
查看更多

jQuery地区选择(三级联动)

 jQuery中国地区选择(最新地区数据全)三级联动插件
  选择框
 40041  312

jQuery城市下拉选择

 jQuery下拉方式选择城市,带搜索、单选、多选。
  选择框
 52128  371

城市选择器，仿猎聘，支持多选，单选

 城市选择器，仿猎聘，支持多选，单选
  选择框
 44186  421

jQuery电影票选座位（原创）

 这是一个电影院购票时的选位置的插件
  选择框
 13595  138

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

    十万个为什么… 0
    2018/8/29 11:19:06
    为什么同时还需要一个 select 标签呢？ 回复
    是我的海 0
    2018/8/4 1:59:07
    加 id 真的很讨厌，能优化就完美了 回复
    Q永?不?的发发I 0
    2018/6/5 10:34:52
    我感觉这个插件是不是和bootstrap 冲突，一放上去整个下拉框样式蹦了
        Q永?不?的发发I0
        2018/6/5 10:41:36
        居然是不兼容jquery 3.1版本的，凉凉
    回复
    系统繁忙，请稍后... 0
    2018/4/19 15:47:49
    可以做级联的吗？ 回复
    m9123 0
    2018/2/1 10:17:36
    option里文字太长会自动换行，怎么显示x轴方向滚动条 回复
    瑜 0
    2017/12/8 12:35:14

    建议你用框架写，好看有好用，比如easyui

    回复
    氵水の雪* 0
    2017/9/7 15:01:55

    大神你好，

    怎么设置默认的初始值呢 给option加selected文本框 获得的是value的值  如果默认初始值的value的值和option的值不一样的话 文本框获取的也是value的值 怎么让文本框获取默认初始值是option的值呢

        Zero0
        2018/8/30 18:40:07
        你的问题解决了么？我也是遇到这个问题，请教怎么解决？
    回复
    最致命的温柔 0
    2017/8/30 16:48:05
    作者您好，为啥我写了两个一样得这个<select>,就都不能点击下拉了呀，是什么原因？我得扣扣2440711630，可否告知一下
        系统繁忙，请稍后...0
        2018/4/19 15:36:06
        id不能一样吧
    回复
    为了依 0
    2017/8/9 13:54:38

    不错的效果,怎么我再点一次也是默认选中第一个,不应该默认选中我已经选了的吗?

    回复
    妖妖铃 0
    2017/6/6 14:03:39

    那个为啥要传一个ID进去，var $jSelect = createSelect(id);  然后这个id又没有改变啥的 不明白，还有div class="j_select" 生成的width的宽度在哪里改的？ 不能自定义改啊

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复