jQuery選擇插件-返回“選擇選項”

Question

我可以在選擇選擇插件的地方進行簡單選擇

<label class="radio-inline"><input type="radio" name="reset" value="reset">Reset</label>

<select id="listclient">
<option value=""></option>
<option value="Mark">Mark</option>
<option value="Jenny">Jenny</option>
<option value="Joy"></option>
</select>

在JS中：

$("#listclient").chosen({width:"100%",no_results_text: "No results",placeholder_text_single: "Select client"});

它很好用，但是我想當我單擊單選按鈕“重置”時默認情況下返回到占位符文本單“選擇客戶端”。

我需要一些幫助。

Answer 1

您可以使用以下方法重置選擇：

$('#listclient').val('').trigger('chosen:updated');

我建議改為將單選元素更改為button。

 $(function () { $("#listclient").chosen({ width: "100%", no_results_text: "No results", placeholder_text_single: "Select client" }); $("[name='reset']").on("click", function () { $('#listclient').val('').trigger('chosen:updated'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.2/chosen.jquery.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.2/chosen.min.css" /> <label class="radio-inline"><input type="radio" name="reset" value="reset">Reset</label> <select id="listclient"> <option value=""></option> <option value="Mark">Mark</option> <option value="Jenny">Jenny</option> <option value="Joy"></option> </select> 

Answer 2

首先，這可能根本不應該是radio輸入，而應該只是一個按鈕。

但更重要的是，我會為重置按鈕添加一個$().click處理程序，該操作類似於$('#listclient').val('')