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"]”属性。

DEMO

Answer 3

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

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

3 个答案: