动态加载表单元素值答案

【问题标题】：Load Form Element Values Dynamically动态加载表单元素值
【发布时间】：2014-09-24 22:46:43
【问题描述】：

是否可以使用 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，但代码仅读取输入/文本区域/选择数据。

感谢您的帮助！

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以使用 jQuery 获取表单中的 input/textarea/select 值。

$(".ajaxForm").send(function(){
    var page = $(this).attr("action");
    var its = $(this).find('input, textarea, select');
    its.each(function(){
         console.log($(this).val());
    })
});

【讨论】：

【解决方案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 );
    });

});

【讨论】：