Можно ли клонировать значения полей ввода в режиме реального времени в клонированном DIV? И как?

0

У меня есть клонированный div, у которого есть поля ввода и выпадающие списки. Проблема в том, что когда информация вводится, клон не обновляется без обновления браузера. Я хотел бы, чтобы клон обновил клавиатуру или вниз. Это клонированный div забирает нормальные решения.

Возможно ли это даже в чем-то?

Обновлено И как?

$(function(){
    var $dataAreaClone = $('.information_entry').clone();
    $('.read_only_data_area_C').html($dataAreaClone);
});
  • 3
    Да, это возможно.
  • 3
    Разместите свой код, пожалуйста.
Теги:

2 ответа

1
Лучший ответ

Я сделал основной пример в скрипке. Ввод в один ввод основного текста будет обновлять столько клонов, сколько вы его используете, используя keyup: http://jsfiddle.net/3mW8u/

Поделиться
  • 0
    Работает отлично. Спасибо, Родни!
  • 0
    Дополнительный вопрос: Как мне обновить весь клонированный div с помощью вложенных селекторов, поскольку у (клонированных) потомков те же идентификаторы, что и у родителя? Ваш скрипт прекрасно работает при копировании в клонированное текстовое поле с уникальным идентификатором.
Показать ещё 1 комментарий
0

Короткий ответ: да.

Да, я знаю, что мог бы поставить его в комментарии, но он полностью отвечает на вопрос. :))

Изменить: вы можете добавить слушателя и просто скопировать значение в новые div.

Чтобы добавить слушателя, вы можете сделать что-то вроде:

$('#mainInput').onkeyup(function(el){

     // Update values here
     $('.clonedInput').each(function(subEl){subEl.value = el.value;});

})

Примечание. Для простоты (в примере) я считал, что основной вход имеет идентификатор, а клонированные входы имеют одинаковый класс.

Поделиться
  • 0
    Прикоснись :) Я обновил свой вопрос.
  • 0
    :)) Я посмотрю через секунду.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню