jQuery Chosen 是一款功能強(qiáng)大的表單選擇插件,廣泛應(yīng)用于前端開發(fā)中。它具有很多便捷的功能,例如可搜索性、多選性、篩選性、插件性等等。在日常開發(fā)中,我們經(jīng)常需要清空所選選項(xiàng),本文將介紹如何使用 jQuery Chosen 清空已選中的選項(xiàng)。
//清空所有已選選項(xiàng) $(".chosen-select").val("").trigger("chosen:updated"); //清空指定選擇器的已選選項(xiàng) $("#chosen-element").val("").trigger("chosen:updated");
首先,我們需要獲取到已經(jīng)選擇的 DOM 元素,并通過選擇器獲取到需要清空的選擇框。接著,我們可以通過 jQuery 的 val 方法將其值置為空字符串。但此時(shí),Chosen 內(nèi)部的選中狀態(tài)并沒有被更新。故我們需要手動(dòng)調(diào)用 trigger 方法,并傳入 chosen:updated 參數(shù),使 Chosen 更新視圖。
在加入 Chosen 后,如果下拉選項(xiàng)沒有手動(dòng)清空,它會(huì)一直記憶著你的選擇。因此,清空選項(xiàng)是一項(xiàng)必須的技能,能夠更好地使用 Chosen。以上就是使用 jQuery Chosen 清空已選中選項(xiàng)的方法,希望對大家有所幫助。