页面上有多个bootstrap-multiselect的问题

时间:2016-03-01 10:45:09

标签: javascript jquery twitter-bootstrap bootstrap-multiselect

在页面上我有3 mutable reduction。仅对于第三个我有额外的逻辑(自定义Z-index事件)。 所以首先我只是用代码行初始化:

onchange

但是当我尝试为第三次选择添加自定义逻辑时 - 它不起作用。

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

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

更新:JsBIN示例:multiple-select-boxes

更新2:

感谢您的回复。但我发现了多个选择的另一个问题。

https://jsbin.com/voquhegode/edit?html,js,output如果我想在初始化步骤中设置选定的值,我看到另外一个选择。这会导致我手动设置选定值的代码行

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

1 个答案:

答案 0 :(得分:1)

你应该使用 $(' .multiselect')。multiselect(); 最后像这里fiddle因为你用自定义逻辑覆盖其他元素同一类.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都有自定义逻辑,则为concret ID调用multiselect()。