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

在“var data=...”行之前添加此行:

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

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

DEMO