Как синхронизировать текстовые поля в HTML

Question

У меня есть несколько полей ввода на странице, некоторые из них имеют тип = "текстовое поле" и некоторые из тех текстовых полей, которые я хочу сгруппировать, так что, если я наберу что-то в одном из них, это будет соответствовать остальным в этой группе.

Я попытался использовать то же имя, что и радио-кнопки, как это работает, но это, похоже, не работает. я осмотрел сеть, но не могу найти никаких примеров.

кто-нибудь знает, как это сделать, или где-нибудь, кто скажет вам, как?

Привет

1009 * Крис *

Answer 1

Я не думаю, что это возможно с чистым HTML, вы пробовали использовать JavaScript?Я бы посмотрел в jQuery для установки обработчиков событий для этого.

$('textbox1').change(function(o) {
    $('textbox2').val($(o).val());
}

Будет реагировать на все изменения textbox1 и реплицирует значение в textbox2.Непроверенный код, только подход.

Answer 2

jQuery начиная с версии 1.7 предлагает удобный способ обработки нескольких событий с помощью обработчика .on () - метод:

$(document).ready(function() {
    $('#textbox1').on('keypress keyup change', function(event) {
            $('#textbox2').val(event.target.value);
    });
});