重置标签的值答案

【问题标题】：Reset the value of a label重置标签的值
【发布时间】：2015-01-27 21:40:16
【问题描述】：

我有以下标签，标签内部是一个包含文本的 div。我希望当用户点击删除按钮时，如图所示，

文字被改写为第二张图片中显示的内容。

下面是标签的代码：

<label id="uploadedInfo"><div id="result">Item to be uploaded</div></label> <button type="reset" class="btn btn-danger" id="deleteUpload"> Delete </button>

div 中显示的文本源自 Google Drive Picker 生成的 URL。

任何帮助将不胜感激。

【问题讨论】：

1 到目前为止您尝试过什么 (jquery) 以及 2 为什么要将 div 放在标签内？
感谢您的回复，我在标签内有一个 div 的原因是因为这是生成文本 (URL) 的地方。这也是为什么一个 id，因为它引用了一个 javascript 函数，该函数生成到 div 的链接（文本）
为什么不能在Label里面生成文字？在标签内有一个 div 是不好的做法。只有文本应该在标签内。因此，不要引用 div，只需引用标签并将文本附加到那里。

标签： javascript jquery html input label

【解决方案1】：

您可以放弃标签内的 div。然后在按钮的开始标签内添加以下内容：

onclick="document.getElementById('uploadedInfo').innerHTML = 'Item to be uploaded';"

更新代码：

&lt;label id="uploadedInfo"&gt;Test Data&lt;/label&gt; &lt;button type="reset" class="btn btn-danger" id="deleteUpload" onclick="document.getElementById('uploadedInfo').innerHTML = 'Item to be uploaded';"&gt; Delete &lt;/button&gt;

【讨论】：

感谢您的建议。我在里面有 div 的原因是因为使用 id="result' 它引用了生成文本的 javascript 函数。我正在努力想办法将它也包含在你的好建议中。
你可以把document.getElementById('uploadedInfo').innerHTML改成document.getElementById('result').innerHTML
感谢您的澄清。如您所见，我对此很陌生，因此，如果您可以稍微详细说明一下，那将很有帮助。一个小问题是，在页面加载时，要上传的项目最初会显示，一旦用户从谷歌驱动器检索文件，该值就会改变，一旦他们点击删除，该值就会改变为其初始状态。
getElementById 使您能够根据对象的 ID 参数对其进行寻址。您可以在代码中更改 DIV 内的实际文本，这将是页面默认值。按下按钮将替换此值。
很高兴你们都整理好了。 :)

【解决方案2】：

因此，单击按钮后，您可以将标签内的值替换为所需的文本。

$("#deleteUpload").click(function(){
    $("#uploadedInfo").val("Item to be uploaded")
})

如果您只想清除它，还有$("#uploadedInfo").empty()。

我还删除了里面的 div，因为它是多余的。如果需要更改文本或获取文本，可以调用标签。

【讨论】：

感谢您的建议，这很有意义，但是我如何将 id="result" 绑定到其中我将其包含在 div 中，因为它引用了生成的 javascript 函数文本
因此，在您引用 div 的任何地方，而不是引用标签。所以如果你像这样抓住 div $("#result").text() 而不是像这样抓住标签 $("#uploadedInfo").text().
我明白了。感谢您的所有建议。我的一个小问题是，在页面加载时，要上传的项目最初会显示，一旦用户从谷歌驱动器检索文件，该值就会改变，一旦他们点击删除，该值就会改变为初始状态。