javascript - 以编程方式清除输入文本框

Question

可能重复：
jQuery选择重置

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

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

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

Answer 1

首先，您应该使用正确版本的 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/

Answer 2

这适用于jsfiddle

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

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

Answer 3

你可以尝试这样的事情：

为按钮提供 ID：说 clear_chosen

然后触发关闭按钮：

javascript代码::

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

在此块内编写代码::

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

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