如何添加跨度爲輸入文本框在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"

如果這不是你請假一條評論。