javascript - プログラムで入力テキストボックスをクリアする

Question

重複の可能性:
jQuery Chosen のリセット

プロジェクトでChosenプラグインを使用しています。

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

問題は、選択した入力テキストボックスをプログラムでリセットできないことです。クリアボタンをクリックしたときにどうすればいいですか？

Answer 1

これはjsfiddleで動作します

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

複数のコントロールがある場合は、範囲を少し絞り込むことができます。

Answer 2

まず、ここから取得した正しいバージョンの Chosen を使用する必要があります。

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

次に、単純に値をリセットして、「listzt:updated」イベントselectをトリガーします。

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

デモ: http://jsfiddle.net/gFzzc/13/

Answer 3

醜いハックですが、動作します：

デモ: 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();
});

Answer 4

次のようなものを試すことができます：

ボタンに ID を与える: clear_chosen と言う

次に、閉じるボタンをトリガーします。

JavaScript コード::

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

このブロック内にコードを書きます::

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