如何添加跨度为输入文本框在HTML

Question

我可以出从JavaScript打印信息，我怎样才能将信息添加到文本框

下面的代码显示的信息相对于description12从JavaScript

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

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

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

哪个不起作用。

Answer 1

你不能在同一页上给两个相同的ID控件 - 它们必须是唯一的。

您给输入文本框的ID应该用于该控件。

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

是这样的：如果你给输入字段的ID reportnoss

Answer 2

首先

document.getElementById("reportnoss").innerText=document.getElementById("Description12").innerText; 会的工作，你不能有相同id同一文档中的2个元素。删除input的id或将其更改为另一个id。

<h6> Description : </h6> <span id="Description12"> </span><br /> 
<input name="reportnoss" type="text" id="Input_Description12"> 

然后，为了获得在文本框中的文本，并把它放入span：

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; 

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

方法：

• .querySelector
• .innerText

Answer 3

其他答案说，你不能有相同的ID。

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

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

Javascript功能来设置跨度的文本输入文本：

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

注意你应该使用.value和不.innerText为input type="text"

如果这不是你请假一条评论。