Jquery获取更改的div内容

我已经在页面上制作了一个表单模板（带有类信息的div），因为我不想通过ajax获取这个表单，并且更改了值。我有两个具有不同数据id和数据电子邮件的按钮。单击按钮，获取这两个数据并更改info div值。然后该div内容被获取并显示在demo div中。每次它都显示空白值。有什么问题吗

HTML

---

jsiddle:

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

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

---

请参见

查看此问题的答案我是否应该使用$（'#idz'）.val（idz）.attr（'value'，idz）；或者$（'#idz'）。attr（'value'，idz）可以吗？您应该能够在不使用

val的情况下使用
attr
$(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);
});

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