如何根据用户文本输入 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。