2

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

以下代码显示与description12来自 JavaScript的信息相关

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

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

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

这是行不通的。

4

3 回答 3

1

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

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

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

就像是：

document.getElementById("reportnoss").innerText=document.getElementById("Description12").innerText; 如果您为输入字段提供 ID 将起作用reportnoss

于 2013-03-13T01:06:53.777 回答
1

正如其他答案所说，您不能拥有相同的身份。

<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而不是 .innerTextinput type="text"

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

于 2013-03-13T01:48:09.873 回答
0

首先，您不能在同一个文档中有 2 个元素具有相同的id. 删除input'sid或将其更改为另一个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/

使用方法：

于 2013-03-13T01:37:07.323 回答