jquery - 为什么输入有空白值？打印 HTML 时

Question

这是我的html

<form action="" method="POST" id="form">
<div id="jj">
    <input type="text" value=""/>
    <input type="text" value=""/>
    <input type="text" value=""/>
    <input type="text" value=""/>
</div>
<input type="submit" value="submit">
</form>

我必须将 jj id div 的 HTML 发送到另一个页面以创建我正在使用的 Pdf https://code.google.com/p/dompdf/

我的 jquery 代码是:

$('#form').submit(function(){
 //$('#textarea').val($('#jj').html());
 console.log($('#jj').html());
 return false;
 });

每次当我填写输入并点击提交时。控制台具有空白输入值的 html。 为什么？？？？？？我也想要输入值。

控制台输出:

<input type="text" value="">
    <input type="text" value="">
    <input type="text" value="">
    <input type="text" value="">

Fiddle

Answer 1

更改输入的值不会更改底层 HTML。但您可以使用 jQuery 来做到这一点。

只需添加:

$("input").keyup(function () {
    $(this).attr('value', $(this).val());
});

说明:

每次您在 input 元素中写入内容时，此代码都会更改您的底层 HTML。它将 value 属性设置为您刚刚编写的字符串。

DEMO

编辑

正如 Batu Zet 指出的那样，它不适用于通过鼠标复制/粘贴。所以你最好使用这段代码:

$('input').on("input", function() {

   $(this).attr('value', $(this).val());
});

DEMO2