2016-03-01 51 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