如何在HTML中的输入文本框中添加span

Question

我可以从JavaScript打印信息，如何将信息添加到文本框

以下代码显示与JavaScript的description12的信息关系

<h6> Description : </h6>  <span id="Description12"> </span><br />

我现在正试图将信息输入文本框

<input name="reportnoss" type="text" id="Description12">

哪个不起作用。

Answer 1

您不能在同一页面上为相同的ID提供两个控件 - 它们必须是唯一的。

您为输入文本框提供的ID应该是该控件。

如果必须在客户端执行此操作，则需要使用javascript或jQuery执行此操作。

类似的东西：

document.getElementById("reportnoss").innerText=document.getElementById("Description12").innerText; 如果您为输入字段指定了标识reportnoss

，则会有效

Answer 2

正如其他答案所说，你可以拥有相同的身份。

<h6> Description : </h6>  <span id="Description12"> </span><br />

<input name="reportnoss" type="text" id="DescriptionTextBox">

Javascript将span的文本设置为输入文本：

document.getElementById("DescriptionTextBox").value=document.getElementById("Description12").innerText;

请注意，.value

应使用.innerText和不 input type="text"

如果这不是您要求的，请发表评论。

Answer 3

首先，同一文档中不能有2个具有相同id的元素。移除input的{​​{1}}或将其更改为其他id。

id

然后，获取文本框中的文本并将其放入<h6> Description : </h6> <span id="Description12"> </span><br /> <input name="reportnoss" type="text" id="Input_Description12"> ：

span

演示：http://jsfiddle.net/DerekL/bFZMb/

使用的方法：

• .querySelector
• var txt = document.querySelector("#Input_Description12").value; //get the text document.querySelector("#Description12").innerText = txt; //put it in -and the opposite- var txt = document.querySelector("#Description12").innerText; document.querySelector("#Input_Description12").value = txt;