重置标签的值

Question

我有以下标签，其中标签内部是一个 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。

如有任何帮助，我们将不胜感激。

Answer 1

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

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

更新代码：

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

Answer 2

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

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

还有$("#uploadedInfo").empty()如果你只是想清除它

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

重置标签的值

Reset the value of a label

javascript

jquery

html

input

label