页面上有多个 bootstrap-多选问题

Question

在我的页面上有 3 个 multiple-select-boxes。只有第三个我有额外的逻辑（自定义 onchange 事件）。所以首先 2 我只用代码行初始化：

$('.multiselect').multiselect();

但是当我尝试为第 3 个 select 添加自定义逻辑时 - 它不起作用。

$('#RegionIds').multiselect({
    onChange: function(option, checked) {
        alert('changed value' + $(option).val());
    }
});

在这种情况下永远不会出现警报。

更新：JsBIN 示例：https://jsbin.com/voquhegode/edit?html,js,output

更新 2：

感谢您的回复。但是我发现了另一个与多个 selects.

相关的问题

https://jsfiddle.net/x6z6w0n8/7/ 如果我想在初始化步骤中设置 selected 值，我看到了一个额外的 select。这会导致我手动设置 selected 值

的代码行

$(select).multiselect('select', jsonArr[i].Item1);

Answer 1

你应该像这里一样在最后使用 $('.multiselect').multiselect(); fiddle因为您使用具有相同 class .multiselect

的自定义逻辑覆盖了其他元素

$('#example-onInitialized').multiselect({  
  onChange: function(option, checked, select) {
    var changedVal = $(option).val();
    if (changedVal < 3) {
      if (checked == true) {
        console.log('less');
      } else if (checked == false) {
        console.log('more');
      }
    }
  }
});
$('#RegionIds').multiselect({
    onChange: function(option, checked) {
        console.log('changed');
    }
});
$('.multiple').multiselect();

或者如果每个 select 都有针对具体 ID 的自定义逻辑调用 multiselect()。

页面上有多个 bootstrap-多选问题

Issue with multiple bootstrap-multiselect on page

javascript

jquery

twitter-bootstrap

bootstrap-multiselect