2

JavaScript から情報を出力できます。情報をテキスト ボックスに追加するにはどうすればよいですか

次のコードはdescription12JavaScript からの関連情報を表示します

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

私は今、テキストボックスに情報を取得しようとしています

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

これは機能しません。

4

3 に答える 3

1

同じページの 2 つのコントロールに同一の ID を与えることはできません。それらは一意である必要があります。

入力テキスト ボックスに指定する ID は、そのコントロール用である必要があります。

クライアント側で行う必要がある場合は、javascript または jQuery を使用してこれを行う必要があります。

何かのようなもの：

document.getElementById("reportnoss").innerText=document.getElementById("Description12").innerText; 入力フィールドにIDを指定すると機能しますreportnoss

于 2013-03-13T01:06:53.777 に答える
1

他の回答が言うように、同じ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ください .innerTextinput type="text"

これがあなたが求めていたものでない場合は、コメントを残してください。

于 2013-03-13T01:48:09.873 に答える
0

まず、同じ文書内に同じ を持つ 2 つの要素を含めることはできませんid。を削除するか、別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/

使用した方法:

于 2013-03-13T01:37:07.323 に答える