使用jQuery克隆表单输入并提交给PHP

时间:2013-09-20 04:39:49

标签: jquery submit form-submit html-form jquery-clone

jQuery 脚本成功clone() input form元素后,提交时出现问题:输入名称并且 ids 被指定多次。

从输入名称和值构建查询以便正确提交表单而不更改所有输入的名称 id 标记的简单方法是什么?

现有的 clone submit 脚本如下:

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
    }

0 个答案:

没有答案
相关问题