以编程方式清除输入文本框[重复]答案

【问题标题】：Clear input textbox programmatically [duplicate]以编程方式清除输入文本框[重复]
【发布时间】：2012-09-20 07:07:33
【问题描述】：

可能重复：
jQuery Chosen reset

我在我的项目中使用Chosen 插件。

http://jsfiddle.net/tt13/gFzzc/

问题是，我无法以编程方式重置选择的输入文本框。点击清除按钮怎么办？

【问题讨论】：

也许这会有所帮助：stackoverflow.com/questions/12543888/…
查看此链接jsfiddle.net/VSpa3/3

标签： javascript jquery plugins textbox

【解决方案1】：

这工作jsfiddle

$('button').click(function(){
    $('.search-choice-close').click();
});

如果有多个控件，您可能会缩小范围。

【讨论】：

【解决方案2】：

首先，您应该使用正确版本的 Chosen，取自这里：

https://raw.github.com/harvesthq/chosen/master/chosen/chosen.jquery.js

然后，只需重置select 的值并触发“liszt:updated” 事件：

$("button").on("click", function() {
    $(".chzn-select").val("").trigger("liszt:updated");
});

演示： http://jsfiddle.net/gFzzc/13/

【讨论】：

【解决方案3】：

你可以试试这样的：

为按钮提供 ID：说 clear_chosen

然后触发关闭按钮：

javascript代码::

$("#clear_chosen").click(function(){
    $(".search-choice-close").click();
});

在这个块里面写代码::

  $(function () {
    $('.chzn-select').chosen();
});

【讨论】：

【解决方案4】：

丑陋的黑客，但有效：

演示： jsfiddle

代码：

$('button').click(function() {
    $(".chzn-select").next('.chzn-container').find('.search-choice').remove();
    $(".chzn-select").val('');
    $(".chzn-select").next('.chzn-container').find('.search-field input').focus();
});

【讨论】：