[JQeury]Select2() 無法在搜尋字段中輸入文字
情境:
我有一個select 的物件(Id假設為"Test")，在一個Modal Dialog上，不過不管我怎麼點擊紅線上的區域都沒反應，無法做關鍵字搜尋。
解決方法:
爬了一下文，發現應該是因為select是在裡Modal Dialog導致的關係，此時模組可能還focus在Modal Dialog的外層，導致不管怎麼點擊都選不到「搜尋關鍵字」的對話窗，這時候我們只要指定Select2模組的dropdownParent到這個Modal Dialog即可。
方法(一)指定到select的Modal Dialog(假設Id為"modelDialog"):
$('#Test').select2({ dropdownParent: $("#modelDialog")});
方法(二)指定到select的父層:
$('#Test').select2({ dropdownParent: $("#Test").parent()});
參考:
留言
張貼留言