Question

我在javascript中使用了一个多选框，给出了here：

我想获取多选文本框中的所选项目列表（左侧列表）我能做些什么来实现这个目标？

我的选择框如下：

<select id="userList" class="multiselect" multiple="multiple" name="users[]" style="width: 75px;">

//List

</select>

我猜users[]将所选用户存储在某个时间点。但我无法弄清楚如何检索该变量。

Answer 1

这样做会有效：

$('[name="user[]"]').val()

PS：您需要在网页中包含jQuery。

来自http://www.quasipartikel.at/multiselect/的演示，$('[name="countries[]"]').val()会提供示例输出：

["ARM", "AUS", "AUT"]

Answer 2

使用jQuery获取值列表：

var values = $select.find('option:checked').map(function() {
  return this.value || this.text;
});
// or $select.val() of course, like lemarc says
// => ['ABC', 'DEF']

var prefix = encodeURIComponent($select.attr('name')) + '=';
var httpQuery = values.length ? prefix + values.map(function() {
  return encodeURIComponent(this);
}).join('&' + prefix);
// => users[]=ABC&users[]=DEF

我没有测试过。

Answer 3

这将返回所选值的数组

$('#userList').val();

DEMO

Answer 4

您可以通过以下方式直接定位 $（“。multiselect”） 对象：

$("input[type='submit']").click(function(e){
    e.preventDefault();
    _selValue = $(".multiselect").val(); //You will have variable of selected values
    for(var i=0;i<_selValue.length;i++){
        alert(_selValue[i]);
        //You can iterate it individually in loop
    }
});

从javascript中的选择框中获取所选项目的列表

4 个答案: