2

我有一个脚本可以将教育记录添加到我的数据库中。我的观点是我想根据用户添加的值动态添加变量。以下是要显示的脚本和 jsfiddle 示例。

$(function() {
     var inc =1;
    $('.add').live('click',function(){

    var $val1= $('.val1').val();
     var $val2= $('.val2').val();
        var $val3= $('.val3').val();
        var $val4= $('.val4').val();
       var result = $val1 + $val2 +$val3 +$val4;

        var hiddin="get_val"+inc;
            var edu="edu"+inc;
        var grade="grade"+inc;
        var grp="grp"+inc;
        var colg="colg"+inc;
        //alert(hiddin);
        $('<div class='+hiddin+' style="display:block;">'+'<span class='+edu+'>'+$val1+'</span>'+'<span class='+grade+'>'+$val2+'</span>'+'<span class='+grp+'>'+ $val3 +'</span>' +'<span class='+colg+'>' +$val4 +'</span>'+ '</div>').appendTo('.wrap');

        // alert(result);
     var $val1= $('.val1').val('');
     var $val2= $('.val2').val('');
        var $val3= $('.val3').val('');
        var $val4= $('.val4').val('');
     inc++;
    });


    $('.submit').live('click',function(){

         var $edu1= $('.edu1').html();
            var $edu2= $('.edu2').html();
                 var $edu3= $('.edu3').html();
                 var $edu4= $('.edu4').html();
        var $grade1= $('.grade1').html();
            var $grade2= $('.grade2').html();
                 var $grade3= $('.grade3').html();
                 var $grade4= $('.grade4').html();
        var $grp1= $('.grp1').html();
            var $grp2= $('.grp2').html();
                 var $grp3= $('.grp3').html();
                 var $grp4= $('.grp4').html();

        var $colg1= $('.colg1').html();
            var $colg2= $('.colg2').html();
                 var $colg3= $('.colg3').html();
                 var $colg4= $('.colg4').html();

        alert($edu4 + $colg3 + $grp2 + $grade3);
    });
});

以下是链接http://jsfiddle.net/Apexusman/g7PSH/5/ 请帮忙

4

1 回答 1

0

我建议你设置一些隐藏变量来跨越并获取值。像这样的东西

 $('<div class='+hiddin+' style="display:block;">'+'<span class='+edu+'><input type="hidden" name="edu[]" id="edu_'+inc+'" value="'+$val1+'" >'+$val1+'</span>'+'<span class='+grade+'><input type="hidden" name="grade[]" id="grade_'+inc+'" value="'+$val2+'" >'+$val2+'</span>'+'<span class='+grp+'><input type="hidden" name="group[]" id="group_'+inc+'" value="'+$val3+'" >'+ $val3 +'</span>' +'<span class='+colg+'><input type="hidden" name="college[]" id="college_'+inc+'" value="'+$val4+'" >' +$val4 +'</span>'+ '</div>').appendTo('.wrap');

并更改html

  <form id="save_form">
    <div class="wrap"> </div>
  </form>

并使用 jquery serialize 获取值

var data_save = $("#save_form").serialize(); 
alert(data_save);
于 2013-08-30T12:57:58.630 回答