Изменить значение кнопки при вводе в текстовое поле

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

Если вы хотите изменить метку кнопки / значение при вводе, PHP не поможет.Вам нужен скрипт, работающий в браузере - JavaScript.Если вы используете jQuery (вы просили самый простой способ, а jQuery делает это намного проще), вам потребуется некоторый код для изменения кнопки при изменении входного значения.

$(document).ready(function() {

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

});

Этот бит кода изменитсяhtml внутри кнопки #bid_btns для того, что введено во ввод #bid_field.Если вы не знакомы с jQuery, вы можете узнать больше, прочитав эту статью: http://docs.jquery.com/How_jQuery_Works

Примечание - отредактировано в соответствии с подписью BenM.

Answer 3

Вы можете использовать jQuery для достижения этой цели.Вам просто нужно привязать функцию к событию onkeyup:

http://jsfiddle.net/Vt6N9/