在文本字段中输入时更改按钮值

Question

我有一个按钮(样式为带有CSS的按钮)。它旁边是一个输入字段。我希望当用户在文本字段中键入一个值时，按钮值会动态更改。执行此操作的最简单方法是什么？

我的表单：

<form>
    <div class="span-3" id="bid_btns">
        <div id="bid_button">
            <a href=""><?php echo $somethingwhichshouldchange; ?></a>
        </div>
    </div>
    <div class="span-3 last" id="bid_btns">
        <div id="bid_field">
        <input type="text" class="title" name="bid_field" id="bid_field" maxlength="5"/>​
        </div>
    </div>
</form>

Answer 1

如果你想让按钮的标签/值随着你的输入而改变，PHP不会有任何帮助。您需要在browser - JavaScript中运行一个脚本。如果您使用jQuery (您确实要求了最简单的方法，而jQuery使其变得更简单)，那么您需要一些代码来随着输入值的变化来更改按钮。

$(document).ready(function() {

    $("#bid_field").keyup(function(){
        $("#bid_btns").text($(this).val());
    });

});

这段代码将把#bid_btns按钮中的html更改为输入到#bid_field输入中的内容。如果您不熟悉jQuery，可以通过阅读本文了解更多信息：http://docs.jquery.com/How_jQuery_Works

注-根据BenM的签名进行编辑。

Answer 2

PHP是一种服务器端语言，因此在不重新提供页面服务的情况下，您永远无法在本地更改变量。你需要研究javascript来做你正在做的事情。

Answer 3

您可以使用jQuery来实现这一点。您只需要将一个函数绑定到onkeyup事件：

http://jsfiddle.net/Vt6N9/