Javascript - 如何重置字段 onchange

Question

抱歉。 Javascript(使用jquery)菜鸟在这里。这是问题。

我有一个带有数字的选择字段:

<div class="controls">
  <select class="span2" id='select1' onchange="addstuff()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</div>
<div id="addfields"></div>

然后我循环指定的数字，并在具有以下内容的 div 标签内添加一些 html“select1”的 id。

function addstuff()
{
  var num = parseInt($('#select1').val())
  if (num != 0)
  {
    for (i=0; i<num;i++)
      {
        new_field += "<p>" + num + "</p>";
      }
  $('#addfields').html(new_field);
  }
}

因此，如果我选择3选项，则会添加以下html:

<p> + num + </p>
<p> + num + </p>
<p> + num + </p>

但是，如果我选择 2，则会附加 2 个字段:

<p> + num + </p>
<p> + num + </p>
<p> + num + </p>
<p> + num + </p>
<p> + num + </p>

但是，我想要删除之前的 html，并且我只想要两个条目。

<p> + num + </p>
<p> + num + </p>

如果有人可以帮助我看看我缺少什么，我将不胜感激。谢谢!

Answer 1

简单，感谢您添加这么多解释和代码...这应该可以满足您的要求:

function addstuff()
{
  var num = parseInt($('#select1').val());
  var new_field = "";
  if (num != 0)
  {
    for (i=0; i<num;i++)
      {
        new_field += "<p>" + num + "</p>";
      }
  $('#addfields').html(new_field);
  }
}

主要看起来您没有重新初始化该 new_field 变量，因此它只是在建立...因为 jquery .html() 将覆盖该 addfields 中的任何内容，这意味着如果您看到建立它是因为您的new_field 变量实际上包含构建。