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'); 

我會建議改變無線元素改爲按鈕。

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

 
\t $("[name='reset']").on("click", function() { 
 
\t \t $('#listclient').val('').trigger('chosen:updated'); 
 
\t }); 
 
});

<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"> 
 
\t <option value=""></option> 
 
\t <option value="Mark">Mark</option> 
 
\t <option value="Jenny">Jenny</option> 
 
\t <option value="Joy"></option> 
 
</select>

Answer 2

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

但更重要的是，我想補充一個$().click處理程序復位按鈕，做類似$('#listclient').val('')