Question

我在页面上创建了一个表单模板（带有类信息的div）因为我不希望通过更改值的ajax获取此表单。我有两个具有不同数据ID和按钮的按钮。数据电邮。单击按钮，我将获取这两个数据并更改信息div值。然后获取divs内容并在demo div中显示。每次显示空白值。有什么问题？

HTML

<button class="btn" data-id="1" data-email="a@gmail.com">First Button</button>
<button class="btn" data-id="2" data-email="b@gmail.com">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/

Answer 1

这是因为value属性没有更新，实时值存储在DOM的value属性中。您需要更新属性才能获得所需的效果：

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

请参阅http://jsfiddle.net/4D29C/1/

Jquery改变了div内容

1 个答案: