JQuery изменить содержание Div

Question

JQuery изменить содержание Div

0

Я создал шаблон формы на странице (div с информацией о классе), поскольку я не хочу извлекать эту форму через ajax со значениями, измененными. У меня есть две кнопки с разным идентификатором данных и данными. При нажатии кнопки я я извлекаю эти два данных и изменяю значения информационного div. Затем содержимое divs извлекается и отображается в демо-div. Каждый раз он показывает пустые значения. в чем проблема?

HTML

<button class="btn" data-id="1" data-email="[email protected]">First Button</button>
<button class="btn" data-id="2" data-email="[email protected]">Second Button</button>
    <div class="info">
       <input type="text" id="idz" />
       <input type="text" id="email" />
    </div>

<div class="demo"> </div>

Jquery

$(document).on('click', '.btn', function () {
   var idz = $(this).data('id');
   var email = $(this).data('email');

   $('#idz').val(idz);
   $('#email').val(email);

   var data = $('.info').html();
   $('.demo').html(data);
});

Jsfiddle: http://jsfiddle.net/4D29C/

Ace 21 окт. 2013, в 21:13

Источник

1

Смотрите ответ на этот вопрос stackoverflow.com/questions/7986026/…
Justin Bicknell 21 окт. 2013, в 18:59

Теги:

jquery

html

1 ответ

Ещё вопросы

Смотрите ответ на этот вопрос stackoverflow.com/questions/7986026/…

Justin Bicknell · Accepted Answer · 2013-10-21T17-05-00.000Z

Это связано с тем, что атрибут value не обновляется, живое значение сохраняется в свойстве свойства DOM. Вам нужно будет обновить атрибут, чтобы получить желаемый эффект:

   $('#idz').val(idz).attr('value',idz);
   $('#email').val(email).attr('value',email);

См. Http://jsfiddle.net/4D29C/1/

Должен ли я использовать $ ('# idz'). Val (idz) .attr ('value', idz); или $ ('# idz'). attr ('value', idz) в порядке?
Вы должны быть в состоянии использовать attr без val