Допустим, у меня есть эта форма:
<form method="post" name="b" >
<table>
<tr>
<td>Field A</td>
<td><input type='text' name='field[0][a]' id='field[0][a]'></td>
<td>Field B</td>
<td><textarea name='field[0][b]' id='field[0][b]'></textarea></td>
<td><button>remove</button></td>
</tr>
</table>
</div>
<div id="container"></div>
<button id="mybutton">add form</button>
<div align="center">
<p><button onClick="dadosFormulario()" value="Registar" name="registar">Registo</button></p>
</div>
</form>
и у меня есть функция jquery, которая дублирует входные данные, которые у меня есть, когда я нажимаю кнопку «добавить форму». Итак, в связи с этим я пытаюсь сохранить значения входов с помощью метода .val() jquery.
Итак, если у меня есть ввод, подобный этому:
<input type='text' name='teste' id='teste'>
я знаю, что с этим:
var v = $('#teste').val();
я могу получить ее значение. Однако, если у меня есть массив входных данных, и это моя ситуация, поскольку я могу дублировать поля формы, как я могу получить несколько значений из следующих входных данных?
<input type='text' name='field[0][a]' id='field[0][a]'>
<input type='text' name='field[0][b]' id='field[0][b]'>
var v = $('#field[iterator][a]').val(); не будет работать, это приведет к «неопределенному».
функция jquery, где я не могу получить значения из входных данных с помощью val(); дает неопределенное:
$countForms = 1;
(function($){
$.fn.addForms = function(idform){
var myform = "<table>"+
" <tr>"+
" <td>Field A ("+$countForms+"):</td>"+
" <td><input type='text' name='field\\["+$countForms+"\\]\\[a\\]'></td>"+
" <td>Field B ("+$countForms+"):</td>"+
" <td><textarea name='field["+$countForms+"]['b']'></textarea></td>"+
" <td><button>remove</button></td>"+
" </tr>"+
"</table>";
if(idform=='mybutton'){
myform = $(myform);
$("button", $(myform)).click(function(){ $(this).parent().parent().remove(); });
$(this).append(myform);
$countForms++;
}
};
})(jQuery);
$(function(){
$("#mybutton").bind("click", function(e){
e.preventDefault();
var idform=this.id;
if($countForms<3){
$("#container").addForms(idform);
}
});
});