0

jQueryを使用してフォームで動的な値を取得することは可能ですか?

たとえば、私はこれを持っています：

<form id="contact" method="post" action"contact.php" class="ajaxForm">
    <label>Name:</label>
    <input type="text" name="name" />
    <label>Email:</label>     
    <input type="text" name="email"/>
    <label>Message:</label>
    <textarea name="message"></textarea>
    <input type="submit" value="send!"/>
</form>

js の場合:

$(".ajaxForm").send(function(){
    var page = $(this).attr("action");
});

.each のようなループで var name=value を取得したいのですが、コードは入力/テキストエリア/選択データのみを読み取っています。

助けてくれてありがとう！

4

2 に答える 2

3

jQuery を使用して、入力/テキストエリア/選択値をフォームで取得できます。

$(".ajaxForm").send(function(){
    var page = $(this).attr("action");
    var its = $(this).find('input, textarea, select');
    its.each(function(){
         console.log($(this).val());
    })
});
于 2012-11-15T23:37:57.807 に答える
2

使用する.children()

$(".ajaxForm").send(function(){
    var page = $(this).attr("action");
    $(this).children('input').each(function() { // Loop over all  the children
                                                // that are input elements
           console.log( $(this).val() );
                       OR

           console.log( this.value );
    });

});
于 2012-11-15T23:36:28.310 に答える