通过jquery从动态表单中读取值

时间:2014-02-09 20:34:44

标签: javascript jquery html

请帮帮我: 我有一个模块的动态部分(由php应用程序生成),例如:

  <input type="text" class="attr" name="Input_0"/>
  <input type="text" class="attr" name="Input_1"/>
  ...
  <input type="text" class="attr" name="Input_n"/>

值n是随机的(n> = 1)。显然,在表单底部有一个提交按钮,用于确认字段的完成情况。

所以,我需要一个过程来通过提供此输出的jquery脚本读取输入标记的修改值:

  Input_1 = value
  Input_5 = value
  ...
  Input_n = value

我该怎么做?

2 个答案:

答案 0 :(得分:0)

这是一些示例代码:

var $inputs = $('#form_id :input');

var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

答案 1 :(得分:0)

尝试序列化表单数据并循环输入及其值:

$('form').submit(function(e) { // when we submit the form
    e.preventDefault();
    // loop through form data and print values
    var data = $.each($(this).serializeArray(), function(i, value) {
       console.log(value);    
    });
});

看看这个小提琴:http://jsfiddle.net/kukiwon/ECz52/