jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery-select2 – 按选择的顺序获取值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个包含多个多选项的表单.我使用SELEct2库.

$(".chosen-SELEct").SELEct2({
            allow_single_deSELEct: true,width: "150px"
        });
......
<SELEct id="ship2" class="chosen-SELEct" data-placeholder="SELEct vessel">
<option></option>
<option value="value1">title1</option>
<option value="value2">title2</option>
</SELEct>

问题是,当我尝试获取选定的值时,它们将按照< SELEct>中指定的顺序返回.元素,而不是他们被选中的顺序:

var SELEctedDayPorts = $('#ship2');
var dayPorts = SELEctedDayPorts.SELEct2("val");

有没有办法让它们按正确的顺序排列?

解决方法

有时这可能是一种帮助.在尝试了几种方法之后,我想出了一个解决方法,使用我在用户shashilo上使用此链接获得的代码.
https://github.com/select2/select2/issues/3106

但我不得不做一些安排,因为它没有100%对我的情况起作用.
这是我的代码.

$(".SELEct2").on("SELEct2:SELEct",function (evt) {
          var element = evt.params.data.element;
          var $element = $(element);

          if ($(this).find(":SELEcted").length > 1) {
            var $second = $(this).find(":SELEcted").eq(-1);
            $second.after($element);
          } else {
            $element.detach();
            $(this).prepend($element);
          }

          $(this).trigger("change");
        });

在他提到的链接

var $second = $(this).find(":SELEcted").eq(-2);

但对我有用的是

var $second = $(this).find(":SELEcted").eq(-1);

在我的情况下,即使取消选择项目,这也很有效.

大佬总结

以上是大佬教程为你收集整理的jQuery-select2 – 按选择的顺序获取值全部内容,希望文章能够帮你解决jQuery-select2 – 按选择的顺序获取值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。