1

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>

Jクエリ:-

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

メールの送信ボタンをクリックすると、取得したいhtml部分はOKになりますが、テキストボックスに何かを入力すると、data変数は常に空になります。data変数の一部でなければならないテキストボックスに書くものは何でも好きになりたいです。

4

3 に答える 3

1

var data=...' ' 行の前に次の行を追加します。

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

これにより、すべてのタグvalueに ' ' 属性が追加されます。input[type="text"]

デモ

于 2012-06-30T14:01:45.600 に答える
1

DOM を変更しないため、 に入力されたテキストは結果<input>に表示されません。要素のプロパティ(属性.html()ではなく)に影響するだけです。value

その値を取得したい場合は、 を使用する必要があります$("[name=PartyName]").val()。

于 2012-06-30T08:35:11.637 に答える
0

フォームのすべての要素のすべてのデータ (html ではなくデータのみ) が必要な場合は、serialize()を使用します。

于 2012-06-30T13:47:45.847 に答える