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“reset”返回到placerholder文本单“默认选择客户端”。

我想要一些帮助。

Answer 1

您可以使用以下方式重置选择：

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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

首先，根本不应该是radio输入，它应该只是一个按钮。

但更重要的是，我会为重置按钮添加一个$().click处理程序，执行$('#listclient').val('')

之类的操作

JQuery Chosen插件 - 返回“选择一个选项”

2 个答案: