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

【问题标题】：incrementing form default values with jquery, not displaying properly使用 jquery 递增表单默认值，无法正确显示
【发布时间】：2013-11-03 17:14:06
【问题描述】：

当我提交我的第一个表单 (#modelform) 时，我看到了第二个表单 (#waldform)，并在其文本区域中定义了一个默认值。这是在 jquery 中完成的。此默认值来自每次提交 #modelform 时递增的计数器。这些默认值应该是整数，但出于某种原因，它们显示为“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 ;
});

【问题讨论】：

标签： jquery html forms default-value

【解决方案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

虽然，它们完全一样，都可以正常工作

【讨论】：

【解决方案2】：

你需要关闭值字段

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

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

【讨论】：