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

时间:2015-12-16 08:16:09

标签: javascript jquery sumoselect.js

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

         

id

2 个答案:

答案 0 :(得分: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

<select multiple="multiple" class="testSelAll">
  <option value="car1">Volvo</option>
  <option value="car2">Saab</option>
  <option value="car3">Mercedes</option>
  <option value="car4">Audi</option>
</select>

<强> Working JSFIDDLE

答案 1 :(得分:3)

您可以从隐藏的隐藏选择元素中获取它们。 使用jquery例如。

$('.select1 option:selected')