评论：jQuery轻量级下拉框插件Dropdown  [查看原文]

☆ 阿弗罗狄忒 ☆1
2021/1/23 23:08:26

仔细扒了一下数据结构发现可以这样，这个方法感觉不是很好，但是可以使用，仅供参考吧，各位小伙伴们，如果有更好的想法可以回复告知我一下


choice: function() {
    console.log(arguments, this);
    var selectedList = [];
    $.each(this.name, function(i, v) {
        selectedList.push(parseInt($(v).find("i").attr("data-id")))
    });
    console.log(selectedList)
}

☆ 阿弗罗狄忒 ☆1
2021/2/25 19:59:31

今天特地抽时间来看了一下之前写的这段程序
推荐使用这种，不要用上面的了


$('#selectedBox').down({
    data: vList,
    choice: function() {
        var selectedList = [];
        $.each(this.name, function(index, value) {
            selectedList.push(vList[index].id);
        });
        console.log(selectedList);
    }
});

Woow1
2019/11/21 13:27:20
看了下插件是用select的option改成li的，select会默认选中第一个，可以把第一个设置个空值隐藏，或者操作dom改成placeholder

Woow1
2019/11/22 15:00:53

单选将js的objectToSelect函数里

var temp = '<option' + isDisabled + isSelected + ' value="' + val.id + '">' + val.name + '</option>';

修改成

var temp = '<option' + isDisabled + ' value="' + val.id + '">' + val.name + '</option>';

以及renderSelect函数里

// _this.$choseList.prepend(_this.name.join(''));

注释掉,就可以不默认选中第一个了

Woow1
2019/11/25 17:11:09
绑定事件里可以加上$el.on(EVENT_SPACE.input, 'input', $.proxy(action.search, _this));
这样可以支持微软键盘的按数字键进行模糊搜索
同时EVENT_SPACE变量里加上input: 'input.iui-down',

更新数据不支持空[],如果传入数据为空更新不了。原因是：

objectToSelect(data)

这个方法在判断data为空时，直接return了。解决办法：在这个函数内部 ，将if判断改为 ：

if(!data || !data.length) {  return ['',[],0]  }

MayBeWonderful1
2019/9/11 11:47:59
因为他在objectToSelect(data)这个方法中直接return了

Woow0
2019/11/28 14:39:55
selectToDiv函数里（）【】
等标签被正则去掉了