layui formSelects 多选后按下拉顺序排序

最新推荐文章于 2024-03-15 11:32:30 发布

1°叁柒

最新推荐文章于 2024-03-15 11:32:30 发布

阅读量563

点赞数

分类专栏： layui formSelects 文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/zhu_nana/article/details/120905729

版权

layui 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

formSelects

2 篇文章 0 订阅

订阅专栏

<select id="selectid"
                                                xm-select-skin="default" xm-select="jiebr" xm-select-type="2">

                        </select>




formSelects.on('jiebr', function (id, vals, val, isAdd, isDisabled) {
            var $options = $("#selectid").find("option");
            var newarr = new Array();
            var oldvals = vals;
            var addvar;
            var delvar;
            if (isAdd) {
                oldvals.push(val);
            } else {
                delvar = val.value;
            }
            if (vals.length > 0) {
                var valstr = JSON.stringify(oldvals);
                //重新排序
                $options.each(function (index, element) {
                    var ovle = "\"" + $(element).val() + "\"";
                    if (valstr.indexOf(ovle) > -1 && $(element).val() != delvar) {
                        //返回新的数组
                        newarr.push($(element).val());
                    }

                });
            }
            formSelects.value('selectid', newarr);
            return false;
        });
        formSelects.render();