评论：jQuery下拉框可搜索插件Selectivity.js  [查看原文]

$('#aaa').selectivity({
    allowClear: true,
    // multiple:true,
    items: ['Amsterdam', 'Antwerp', 'Amsterdam1', 'Antwerp1', 'Antwerp2', 'Amsterdam2', 'Antwerp3'],
    placeholder: '请选择'
});

这个下拉框只能显示value，不能填key的吗？

j_coding0
2020/7/25 20:01:41
哦，找到方法了，items:[ { id: 54, text: 'Vienna' } ] 用这种格式可以带入key

修改成统一获取方式，增加显示值的办法：

$("#example-4").on("change", function(e) {
    alert("暗码值:" + e.value + "  显示值:" + e.text)
});

760行增加text：

change: ['added', 'removed', 'value', 'text'],

4754行改成：

var data = assign({
    value: this._value,
    text: this._data.text
}, options);

一将功成万骨枯0
2019/9/2 11:34:51
哦，解决了，格式不对

总结上面大佬结论大体写法如下:

$("#aaa").on("change", function(e){
     var val = $('#aaa').selectivity('value');
});

通过onchange事件触发后获取到的val就是当前选项的值，可以写一个隐藏的input存进去

关于大数据量十万条数据以上：采用异步分页加载

// 初始化 下拉框模糊查询 
$('#programList').selectivity({
    allowClear: true,
    ajax: {
        url: '${ctx}/vod_day/programList',
        minimumInputLength: 2, // 输入最少2个字符进行搜索
        quietMillis: 500,
        params: function(term, offset) {
            return {
                // input 输入的参数
                vodName: term,
                pageNum: 1 + Math.floor(offset / 100) // 分批加载  每次100条
            };
        },
        fetch: function(url, init, queryOptions) {
            return $.ajax(url).then(function(data) {
                return {
                    results: $.map(data.programList, function(item) {
                        return {
                            id: item.id,
                            text: item.text
                        };
                    }),
                    // 总条数 > 当前条数 + 已加载条数     为true 继续发送请求  
                    more: (data.total_count > queryOptions.offset + data.programList.length)
                };
            });
        }
    },
    placeholder: '搜索节目名称',
    templates: {
        resultItem: function(item) {
            return (
                '' +
                '' + escape(item.text) + '' +
                ''
            );
        }
    }
});

Maggiechueng940
2018/12/14 16:03:49
把特殊字符注释掉就可以兼容了

bingganlen1
2019/8/30 15:08:00
右键--检查元素 把selectivity-jquery.js 控制台报错的所有字符全部注释掉
?: 'G' //?: 'H', 像这种的 //注释即可 差不多连续操作10来次

男人不可以穷??0
2019/12/16 15:34:15
你好，请问默认选项的 高亮显示 怎么设置

艾小喵0
2018/8/16 14:31:27
https://www.bootcdn.cn/Selectivity.js/ 所有问题都在这里
$('#obj').selectivity('data', { id: 2, text: 'value' }); //id是key text是value

男人不可以穷??0
2019/12/16 15:34:59
你好，请问默认选项的 高亮显示 怎么设置

gonglouxue0
2018/4/9 10:29:53
把选中的值存到数组然后把数组赋值给表单字段提交啊

zeiss0
2018/4/9 11:07:57

<div id="aaa"></div>
<input type="hidden" name="name" id="inputa">
</div>

<script>
    var data = [{
        id: 0,
        text: 'enhancement'
    }, {
        id: 1,
        text: 'bug'
    }, {
        id: 2,
        text: 'duplicate'
    }, {
        id: 3,
        text: 'invalid'
    }, {
        id: 4,
        text: 'wontfix'
    }];
    $('#aaa').selectivity({
        allowClear: true,
        multiple: true,
        data: data,
        showSearchInput: true,
        placeholder: '请选择',
    });
</script>

写成这样，可选取，选值了，怎样取ID的值提交？

[空白]丶βιαηξ△┵1
2018/4/24 10:18:43

用change事件


$("#aaa").on("change", function(e){

});

e.value 就是要取的值

得之吾幸 ?????0
2018/12/11 11:43:48

试了上面的方法不行，取值用这个：

var val = $('#ID').selectivity('value');

kulmao0
2020/2/21 14:35:04
是不是跟浏览器有关系，我只能用e.value才能取到值