javascript - ユーザーテキスト入力JQueryに基づいてボタンテキストを変更する方法

Question

ボタンと JQuery オートコンプリートがあります。次のように動作するようにしたいと思います。

if(input=='') {
    button.text = "hello";
}
else {
    button.text = "world";
}

オートコンプリート入力の状態に応じてボタンがリアルタイムで変化するように、これをスクリプトに組み込む方法がわかりません。

どんな考えでも素晴らしいでしょう。ありがとう

Answer 1

keyup次のように、イベント ハンドラーをテキスト フィールドのイベントにバインドするだけです。

$('#inputWrapper').on('keyup', '#tags', function() {
    if($(this).val() == '') {
        $('button.addButton').text('Hello');
    } else {
        $('button.addButton').text('World');
    }
});

これが更新されたfiddleです。