javascript - 在 javascript 变量中获取 div 数据的副本

Question

HTML 部分：-

<form id="inquiryform" method="" />
    <h2>INQUIRY FORM</h2>
    <div class="margin5">
        <div class="floatleft width100"><span class="borderbottom">Party Name</span> </div>
        <div class="floatleft"><input type="text" name="PartyName" size="60"/></div>
        <div class="clear"></div>
    </div>
</form>
<div> <input type="button" id="submitform" value="Send Mail"/></div>

jQuery :-

$(document).ready(function () {
    $('#submitform').click(function(){
        var data = 'message='+$('#inquiryform').html();
        alert(data);
    });
});

当我单击我的发送邮件按钮时，它将确定我想要获取的 html 部分，但是当我在文本框中输入内容时，data变量始终为空。我想喜欢我在文本框中写的任何东西，它必须是data变量的一部分。

Answer 1

在结果中输入的文本<input>不会显示在.html()结果中，因为它不会更改 DOM。它只会影响元素的value 属性（而不是属性）。

如果你想检索它的值，你应该使用$("[name=PartyName]").val().

Answer 2

在 ' ' 行之前添加此var data=...行：

$('#inquiryform :text').attr('value',function(){
    return $(this).val();
});

这将在所有标签上添加“ value”属性。input[type="text"]

演示

Answer 3

如果您想要表单的每个元素的所有数据（不是 html，只是数据），请使用serialize()