获取每个 bootstrap-select 值

Question

我的页面上有几个 bootstrap-selects，我需要在将它们发送到服务器之前获取它们的所有值。
这些 select 是动态创建或删除的，然后我必须使用 .each() 函数来获取它们。这就是问题所在。

这就是我的：

// I have a select with a selected value of 1, and another with a selected value of 0

var foo = [];
$('.selectpicker').each(function(){
   foo.push($(this).val());
})

console.log(foo); // displays ["1","","","0","",""];

我猜这个库隐藏了香草 select 并添加了一个按钮和一个具有相同 class 的下拉菜单这一事实会导致问题，但我不确定。
你知道我该如何解决这个问题吗？

Answer 1

您可能需要指定元素以及和 class，如下所示：

$('select.selectpicker').each(function() {
  foo.push($(this).val());
});

这将确保您仅获取实际select元素的值。

获取每个 bootstrap-select 值

Get each bootstrap-select values

twitter-bootstrap

bootstrap-select