2017-08-30 35 views
0

我想創建一個多選select的過濾器,當它關閉時用新參數刷新頁面。檢測onClose多個select在物化

所以基本上我想捕獲select的onClose事件。

當選擇一個選項/與

$("#test").on('change', function() { 
    console.log($(this).val()) 
}); 

取消,但我不想這樣,我可以發現,因爲它會重新加載頁面每次更改用戶的價值。我想在用戶完成後重新加載頁面,然後單擊選擇的「外部」。

完整代碼:https://codepen.io/anon/pen/qXQvNB

回答

2

趕上close事件的類select-dropdown

$('.select-dropdown').on('close', function() { 
    // ... 
}); 

Updated codepen

+0

謝謝,這有點作品。我在我的項目上嘗試過它,但似乎只要在選擇之外單擊它就會觸發事件,但這在Codepen中不會發生。任何想法爲什麼? 代碼相同 –

+0

行爲在codepen中以及其他任何代碼操作系統(如[jsfiddle])(https://jsfiddle.net/kmew9rcn/)中的行爲相同。你什麼時候想要觸發事件,那麼既然你說你希望它在選擇的「外部」? – urbz

+0

你給我的codepen是完美的,而這正是我想要的。 我想知道爲什麼在我的項目中事件總是觸發。例如我重新加載頁面,我點擊任何地方(沒有點擊選擇第一)和事件觸發器。 –

0

你可以寫在UL調整事件這樣

$('#select-options-d19b3203-929c-cb39-29c4-6170613be5d7').resize(function() { 
    alert("Closed."); 
});