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

のようなものは、あなたが使用して選択をリセットすることができないリセットボタン用$().clickハンドラを追加します要素をボタンに置​​き換えます。

$(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入力は、おそらくボタンにすぎません。私はラジオを変更するために助言する

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

：

しかし、ポイントにより、私は$('#listclient').val('')