javascript - JQuery中如何改变按钮文本

Question

到目前为止我有这个工作代码:

fiddle :http://jsfiddle.net/r4emt/12/

就在您进入 JQuery UI 自动完成之前，按钮显示为“Hello”。您可以在 JQuery UI 自动完成中键入“item”，您会注意到按钮现在显示为“World”。单击“世界”按钮将项目放入列表中。如果您再次键入项目，您可以选择一个并单击列表中已有项目的替换按钮。然而，一旦你这样做了，按钮仍然显示“world”，但它应该显示“hello”，因为输入字段中没有任何内容。如果您单击输入字段，然后单击删除或后退箭头，它会变回“hello”，但那里没有任何可删除或转到其左侧的内容。我认为这与这部分代码有关:

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

特别是“keyup”部分。所以我的问题是如何解决这个问题，以便每当输入框为空时，按钮始终显示为“hello”，而当字段中有输入时，按钮显示为“world”？谢谢!

Answer 1

Here是工作 fiddle 。所做的更改是:

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

在您的按钮点击结束时:

$('#tags').val('');
$('#tags').keyup();