Question

我有一个表单，您可以使用jQuery动态添加输入字段。

<form class="test">
  1. <input type="text" class="title" id="title-1" placeholder="title">
  1. <input type="text" class="subtitle" id="subtitle-1" placeholder="title">
  <br />
  2. <input type="text" class="title" id="title-2" placeholder="subtitle">
  2. <input type="text" class="subtitle" id="subtitle-2" placeholder="subtitle">
</form>
<span class="addField">Add new fields</span>

var count=0; var arr=[] 
while(count< noOfFields){ 
  var id = '#title' + count; 
  var arr[count]=$(id).val(); 
  count++;
}

我想获取每对文本字段（标题/副标题）的值，并将它们保存到Mysql数据库中。我现在的问题是：如何使用jQuery获取字段的内容（带动态id）？

Answer 1

我会使用每个功能，我一直在查看所有输入，然后比较它们的内容

$(".test").find("input").each(function(){
   var id = $(this).attr("id");
});

Answer 2

您可以通过选择类来使用每个值来获取值。代码可能就像。

var arr1 = {};
$( ".title" ).each(function( index ) {
var arr1[index] = $( this ).val() ;
});
var arr2 = {};
$( ".subtitle" ).each(function( index ) {
var arr2[index]  = $( this ).val() ;
});

您将获得arr1和arr2输入中的所有数据。

使用随机ID获取动态字段的值

2 个答案: