如何在html中同步文本字段

时间:2011-02-11 12:39:08

标签: html duplicates textfield sync

我在页面上有多个输入字段,其中一些是type =“textfield” 以及我想要分组的一些文本字段, 因此,如果我在其中一个中键入内容,则适用于该组中的其余部分。

我尝试使用与单选按钮相同的名称,但这似乎不起作用。 我环顾网但找不到任何例子。

有没有人知道如何做到这一点,或者在哪里告诉你怎么做?

此致

克里斯

2 个答案:

答案 0 :(得分:1)

我认为使用纯HTML不可能,你尝试过使用JavaScript吗?我会研究jQuery为它设置事件处理程序。

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

将对textbox1的所有更改做出反应,并将值复制到textbox2。未经测试的代码,只是一种方法。

答案 1 :(得分:0)

jQuery,因为版本1.7提供了一种使用.on()处理程序处理多个事件的便捷方法 - 方法:

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