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

Question

  

可能重复：
  jQuery Chosen reset

我在我的项目中使用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");
});​

DEMO： http://jsfiddle.net/gFzzc/13/

Answer 2

这有效jsfiddle

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

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

Answer 3

您可以尝试这样的事情：

将Id添加到按钮： 说clear_chosen

然后触发关闭按钮：

javascript code ::

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