Выравнивание двух элементов управления

Question

У меня есть два textbox1 и textbox 2.. Когда я начинаю печатать в textbox 1, в textbox 2 должны автоматически вставляться те же символы. Аналогично, когда я набираю текстовое поле 2, textbox1 должен обновляться. Есть идеи?

Answer 1

Использование события изменения будет работать, если вы хотите, чтобы второе поле обновлялось только после того, как текстовое поле теряет фокус Если вы используете keyup, то каждый введенный вами символ будет отображаться в другом поле.

$('#textbox1').keyup(function(){ $('#textbox2').val($(this).val()); });
$('#textbox2').keyup(function(){ $('#textbox1').val($(this).val()); });

Edit:

Вот альтернативный способ, который бы соответствовал вашему требованию их объединения (и позволил бы вам связать любое количество текстовых полей вместе). Эта идея похожа на то, что Q8-кодер пытался сделать со своим ответом, но использование ключевого слова this для получения значения имеет все значение.

Вы бы поместили класс "mimic" в оба текстовых поля.

$(document).ready(function() {
   $('input.mimic').keyup(function() {
        var text = $(this).val();
        $('input.mimic').val(text);
   });
});

Edit:

Теперь, когда Q8-кодер исправил свой ответ, этот вариант аналогичен его ответу (хотя он помогает ускорить селектор, сужая его до входных элементов).

Answer 2

вы можете добавить класс '.mytext' к обоим текстовым полям и выровнять их по приведенному ниже сценарию jquery.

$(".mytext").keyup(
  function(){
    var teks = $(this).val();
    $(".mytext").val(teks);        
  }
);

Answer 3

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