使用jquery递增表单默认值,无法正确显示

时间:2013-10-24 19:56:30

标签: jquery html forms default-value

当我提交第一个表单(#modelform)时,我会看到第二个表单(#waldform),其文本区域中定义了默认值。这是在jquery中完成的。此默认值来自计数​​器,每次提交#modelform时计数器都会递增。这些defaut值应该是整数,但由于某种原因,它们显示为“1 /”,“2 /”等(没有引号)。

我在#waldform中设置默认值有什么问题吗?

var $counter = 0

    $("#modelform").submit(function() {

        $counter =  $counter + 1

        // post the form values via AJAX...
        $.post('/estimate', {name: $("#mymodel").val()}, function(data) {

            $('body').append('<form class="waldform" action="#" method="post"><input type="text" id="waldnum" value=' + $counter + '/><input type="submit" value="Wald Test" /></form>');

    });

return false ;
});

2 个答案:

答案 0 :(得分:1)

您的字符串中没有引号。试试这个..

$('body').append('<form class="waldform" action="#" method="post"><input type="text" id="waldnum" value="' + $counter + '" /><input type="submit" value="Wald Test" /></form>');

还..

$counter++;

是一种更好的方法

$counter =  $counter + 1

虽然,它们完全相同,但都可以正常使用

答案 1 :(得分:1)

您需要关闭值字段

<input type="text" id="waldnum" value="' + $counter + '"/>

你错过了“” - 这导致输出显示元素的其余部分 - &gt;例如2 /