2016-03-01 50 views
-2

页上我有3 multiple-select-boxes。只有第三个我有额外的逻辑(自定义onchange事件)。 所以首先我2只是行代码初始化:问题与多引导多选择第

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

但是,当我试图添加自定义逻辑的第三选择 - 这是行不通的。

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

警报从未出现在这种情况下。


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


更新2:

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

https://jsfiddle.net/x6z6w0n8/7/如果我想在初始化步骤中设置选定的值,我看到一个额外的选择。这将导致的代码行我manualy设置选择的值

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

你可以添加HTML吗? – RRK

+0

@RejithRKrishnan,JSBIN例子会好吗? – demo

回答

1

您应该使用$(“多选。”)多选()。在喜欢这里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(); 

或者,如果每一个选择具有形而下的ID定制逻辑调用多选()的定制逻辑等元素。

+0

在这种情况下,我的选择是空的...尝试找到问题。你也可以检查我的“更新2”谢谢 – demo

+0

更新2:这里更新小提琴https://jsfiddle.net/HellLena/qtx8bLgp/12/与预先选定的值。 – Stargazer