JQuery 选择插件 - 返回"Select an option"

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"});

它效果很好，但是当我单击radiobutton"重置"返回到Placerholder Text Single" Select Client"时，我想要。

我想要一些帮助。

Answer 1

您可以使用：

重置选择。

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

我建议将无线电元素更改为按钮。

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