重置标签的值

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云端硬盘选择器生成的网址。

非常感谢任何帮助。

Answer 1

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

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

更新的代码：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

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

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

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