Question

我有一个表单，当用户提交值时，我已经计算了jquery脚本的表单值并输出了计算出的数据。

这很好用，除非用户再次点击提交按钮，它会将我的已删除数据附加到现有数据（重复或重新附加新数据）。

如果用户点击提交两次，我只想让它覆盖现有的循环输出。

  for (i = 1; i <= $jumps; i++) {

        if (i == 1) {
            var $num = $jumpSize * i;
        } else if (i == 2) {
            var $num = ($jumpSize * i) + $stops;
        } else {
            var $num = ($jumpSize * i) + ((i - 1) * $stops);
        }

        $('.output').append("<p>Num:" + i + " " + parseInt($num) + "</p>");

    }

如果用户点击提交按钮两次，是否可以替换循环数据。

这是一个演示http://jsfiddle.net/knard/EY8MJ/13/

Answer 1

使用.html代替.append来替换内容。例如......

$('.output').html("<p>Num:" + i + " " + parseInt($num) + "</p>");

Answer 2

在循环之前添加此行$('.output').html("");因此，当按下提交按钮时，它将清除内容。演示：http://jsfiddle.net/EY8MJ/14/

Answer 3

尝试：

$('.output').empty().append("<p>Num:" + i + " " + parseInt($num) + "</p>");

用新数据替换附加数据

3 个答案: