0

我在页面上制作了一个表单模板（带有类信息的 div），因为我不想通过 ajax 获取此表单并更改了值。我有两个具有不同数据 ID 和数据电子邮件的按钮。在按钮上单击我获取这两个数据并更改信息 div 值。然后获取 div 内容并在演示 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/

4

1 回答 1

1

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

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

见http://jsfiddle.net/4D29C/1/

于 2013-10-21T19:02:10.477 回答