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是一种服务器端语言，因此您无法在不重新提供页面的情况下在本地更改变量。你需要调查javascript来做你正在做的事情。

Answer 2

您可以使用jQuery来实现此目的。您只需将函数绑定到onkeyup事件：

http://jsfiddle.net/Vt6N9/

Answer 3

如果您想在键入时更改按钮标签/值，PHP将无法提供帮助。您需要在浏览器中运行脚本 - 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的siggestion编辑。

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

3 个答案: