在jQuery脚本成功后,clone()
其中的input
元素form
出现提交问题:输入名称和id被多次指定。
从输入名称和值构建查询以正确提交表单而不更改所有输入的名称和id标签的简单方法是什么?
现有的克隆和提交脚本如下:
var c = 0;
$('form#products input#add_more').click(function(){
clone = $('form#products #product_'+c);
clone.clone().attr('id', 'product_'+(++c) ).insertAfter(clone);
$('#product_'+c+' #unique').focus();
});
$('form#products').submit(function( event ) {
event.preventDefault();
var product = 'form#products .product ';
for (var i = 0; i < $(product).length; i++ ) {
form = 'form#products #product_'+i+' ';
form_submit(form);
}
});
function form_submit(form){
var tmp = [];
$(form+'input[type="radio"]:checked,'+
form+'input[type="text"],'+
form+'input[type="search"],'+
form+'input[type=number],'+
form+'input[type="url"],'+
form+'textarea,'+
form+'select').each(function(){
push = $(this).attr('name') + '=' + $(this).val();
tmp.push(push);
});
var query = tmp.join('&');
sql_product('insert',query); // ajax call to .php file
}