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