Javascript 在不重新加载页面的情况下清除值

我有一系列的文本框和下拉列表，用户填写这些内容，点击“生成”，然后在文本框中连接字符串，并在页面上显示结果值

如果用户再次点击generate，我会很难清除这些“输出”。例如，如果有人更改了文本或类似的内容

多行上有多组文本框，结果字符串放在页面末尾的

中。示例代码如下：

HTML:

您可以从上面的jQuery中看到，我尝试使用

each（）

函数（因为可以有多行）清除跨距，但这不起作用。希望我在这篇文章中讲得有道理。如果人们不明白这一点，他们会尝试更好地解释

---

谢谢

尝试使用重置按钮

     <input type="reset"/>

---

尝试使用重置按钮

     <input type="reset"/>

---

以下是我的想法：

您需要引用

$（this）

，而不是再次引用标记span

$('.tag_span').each(function() {
    $(this).html("");
});

---

以下是我的想法：

您需要引用

$（this）

，而不是再次引用标记span

$('.tag_span').each(function() {
    $(this).html("");
});

---

如果没有多个。tag_span's，那么就这样做

$('.tag_span').empty()

---

这会删除元素内部的内容，但不会从dom中删除元素，如果不会有多个。tag_span就这样做

$('.tag_span').empty()

---

这会删除元素内部的内容，但不会从dom中删除元素。。。我在这里做的是将按钮的输入放在表单中，并将其类型设置为重置。这允许我将代码放在表单的

onreset

属性中，以便清除当前表单（包含按钮）的跨度

HTML

---

查看一个实例：

试试这个。。。我在这里做的是将按钮的输入放在表单中，并将其类型设置为重置。这允许我将代码放在表单的

onreset

属性中，以便清除当前表单（包含按钮）的跨度

HTML

---

查看一个实例：

您想清除任何数据的span“tag_span”？您想清除任何数据的span“tag_span”？我已经有了一个重置按钮（但我已经使用了

window.location.reload（）

。我想能够清除内容并再次运行“generateOutputs”函数我已经有了一个重置按钮（但是我在这个问题上使用了

window.location.reload（）

。我希望能够清除内容并再次运行“generateOutputs”函数

<div id="activitytag">
      <h3>Activity Tags</h3>
      <a class="addActivityTag button blue">+</a> <a class="removeActivityTag button blue">-</a> 

  <form id="tag-form" class="tag-form" onreset="clearAll()">
  <input type="checkbox" class="checkbox nounderscore" name="tfcheck">
    <select class="page_type" title="Page Type">
      <option value="HPG">HPG – Homepage</option>
      <option value="LPG">LPG – Landing Page</option>
      <option value="CNT">CNT – Content</option>
      <option value="RES">RES – Research</option>
      <option value="ENG">ENG – Engagement</option>
      <option value="CNV">CNV – Sale Conversion</option>
    </select>
    <input type="text" class="pagedesc nounderscore" value="Page Description" title="Page Description" onfocus="clickclear(this, 'Page Description')" onblur="clickrecall(this,'Page Description')" />
    <input type="text" class="tagstartdate numberinput" value="Tag Start Date" title="Tag Start Date" maxlength="8" onfocus="clickclear(this, 'Tag Start Date')" onblur="clickrecall(this,'Tag Start Date')" />
    <span class="tag_span">123</span>
    <input type="reset" value="ClearButton" />
  </form>
</div>

<div class="dfanames">
    <h4>Activity Group</h4>
    <span id="activitytaggrouptext"></span> 
</div>

function clearAll() {
    $(".tag_span").each(function(index,element) {
        element.innerHTML="";
    });
}​