评论：带搜索框的jQuery下拉框美化插件 searchable  [查看原文]

所属分类：输入-自动完成,选择框

 249488  576  199
当前第2页 / 共7页
    ____??0
    2020/7/21 17:08:09
    求各位大神，我选中的时候怎么样获取到选中的值，我应该怎么样弄呢，在线等，在下抱拳了
    回复
    ____??0
    2020/7/21 17:07:29
    求各位大神，我新选中的时候获取到选中的值，我应该怎么样弄呢，在线等 回复
    yijo0
    2020/3/21 22:17:26
    求助：一个页面有2个下拉列表，要设置两个不同的宽度，怎么设置？
        洪荒少女~3
        2020/6/12 15:04:56

        调用的时候传入参数。

        $("#jobs").searchableSelect({
    publicAttr: {
        maxHeight: 300,
        maxWidth: 215,
        zIndex: 26
    }
});

        然后修改JS文件，在拼接的div 在对应div上设置style 将参数拼接上去，就可以针对每个下拉设置样式。

        this.searchableElement = $('<div tabindex="0" class="searchable-select" style="z-index:' + _this.options.publicAttr.zIndex + ';width:' + _this.options.publicAttr.maxWidth + 'px"></div>');
    回复
    complex0
    2020/3/17 16:24:04
    如何加载的时候选中某一个数据
        洪荒少女~1
        2020/6/12 15:02:30
        加载之前将页面的select 进行选项赋值 $("#Id").val(idValue) 然后再调用插件进行渲染就可以了。
    回复
    猫。0
    2020/1/13 17:27:04
    我原有的下拉选为一个select。
    初始化后原有的select依然存在，原有select框下多了初始化后的select下拉选框时怎么回事？
        洪荒少女~1
        2020/6/12 15:08:26
        原有select 需要设置 display：none 进行隐藏。因为插件会拼接一个div的选择框出来，跟原来的select进行关联联动，数值获取依据原来的方法获取就行不用动。
    回复
    昊0
    2019/12/15 19:02:46
    我页面上有两个select，第一个联动给第二个添加opt，一旦第一个select改变以后在联动，再初始化 第二个select处又会自动增加一个。。这个怎么搞
        那年车上的我0
        2019/12/23 14:39:22
        解决了吗
        一个打n个0
        2020/4/23 15:45:06
        我也一样 现在不知道怎么解决
        ?? Hollis1
        2020/6/17 16:27:29

        最简单暴力的办法：删除拼接出来的div，然后再重新加载

        $(".searchable-select").remove();
$('#select11').searchableSelect();
    回复
    mk0
    2019/11/20 16:15:34
    怎么动态设置页面其中一个下拉框的选中
        mk0
        2019/11/20 16:40:37
        $("#systype").find("option[value='erp']").prop("selected", true);
$("#systype").find("option[value='erp']").attr("selected", true);

        这些设置全无效

        那年车上的我0
        2019/12/23 14:40:00
        解决了吗
    回复
    记忆沙漏0
    2019/10/31 17:41:09
    onchange没有用啊，怎么监听变化并且取到值呢？？？
        龙之吻1
        2021/5/14 15:53:41
        selectItem: function(item) {
    if (this.hasCurrentSelectedItem())
        this.currentSelectedItem.removeClass('selected');

    this.currentSelectedItem = item;
    item.addClass('selected');

    this.hoverItem(item);

    this.holder.text(item.text());
    var value = item.data('value');
    this.holder.data('value', value);
    this.element.val(value);

    this.element.trigger('change'); //模拟select触发change事件
    if (this.options.afterSelectItem) {
        this.options.afterSelectItem.apply(this);
    }
},
    回复
    小潘0
    2019/10/11 17:17:18
    怎样才能像select那样改变了，可以触发一个方法，然后拿到对应的value值？这个功能我觉得应该加上
        龙之吻1
        2021/5/14 15:54:39
        selectItem: function(item){ }

        下加上一行

        this.element.trigger('change'); //模拟select触发change事件
    回复
    叛垦??少?0
    2019/9/8 17:35:35
    我怎么取不到值啊 回复
    猫。0
    2019/9/3 15:39:35
    下拉选设置在一个div中，div设置的有高度，下拉选数据太多，多出div的部分被隐藏掉了怎么弄？ 回复
    大咪0
    2019/8/22 18:05:46
    还算可以搜索 但是下拉出啦的信息被下边的信息挡住了 求怎么解决
        ?Foam丶1
        2019/8/22 19:53:32
        加z-index
        大咪0
        2019/8/23 8:58:06
        应该在哪个属性下加z-index呢
        西瓜1
        2019/8/23 9:49:09
        在样式.searchable-select-down{}中。
    回复
    ?Foam丶0
    2019/8/22 16:29:43
    后知先觉0
    2019/8/2 16:36:54
    输入字符查询后，再删掉字符，下拉框就不能显示所有的了，请问这个该怎么解决？ 回复
    平步青云0
    2019/7/30 15:56:46
    ie和谷歌的中文模糊查询有点问题
    回复

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

取消回复