当前位置:  开发笔记 > 编程语言 > 正文

如何在SumoSelect下拉列表中获取选定的值?

如何解决《如何在SumoSelect下拉列表中获取选定的值?》经验,为你挑选了1个好方法。

我正在使用SumoSelect下拉列表来选择多选项.但我无法获得所选的值数组.下面的示例代码:




Magnus Engda.. 5

如果您想要选择的而不是文本,只需更改.text().val().

如果你想获得数组,请参阅下面的底部的工作示例.

jQuery的

$(document).ready(function() {
  $('.testSelAll').SumoSelect({
    okCancelInMulti: true,
    selectAll: true
  });

  $('.btnOk').on('click', function() {
    var obj = [],
        items = '';
    $('.testSelAll option:selected').each(function(i) {
      obj.push($(this).val());
      $('.testSelAll')[0].sumo.unSelectItem(i);
    });
    for (var i = 0; i < obj.length; i++) {
      items += ' ' + obj[i]
    };
    alert(items);
  });
});

HTML


正在使用JSFIDDLE



1> Magnus Engda..:

如果您想要选择的而不是文本,只需更改.text().val().

如果你想获得数组,请参阅下面的底部的工作示例.

jQuery的

$(document).ready(function() {
  $('.testSelAll').SumoSelect({
    okCancelInMulti: true,
    selectAll: true
  });

  $('.btnOk').on('click', function() {
    var obj = [],
        items = '';
    $('.testSelAll option:selected').each(function(i) {
      obj.push($(this).val());
      $('.testSelAll')[0].sumo.unSelectItem(i);
    });
    for (var i = 0; i < obj.length; i++) {
      items += ' ' + obj[i]
    };
    alert(items);
  });
});

HTML


正在使用JSFIDDLE

推荐阅读
夏晶阳--艺术
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有