2016-12-14 16 views
0

私は入力テーブルを作成しようとしています。テーブルに入力した名前は、変数zに渡される変数ステーションに設定されます。私はこれを得ることができません。以下は、ある変数を別の変数に渡そうとした私のコードです。htmlとjavascriptで変数を別の変数に渡す

<!DOCTYPE html> 
<html> 
<body> 

<h1>JavaScript Variables</h1> 

<table width=840 align="center" cellspacing=0 cellpadding=0 border=0> 
<tr> 
     <td width=40% valign="middle" align="right" nowrap> Station Name :</td> 
     <td width="5%" align="center"><font color="red">(*) </font></td> 
     <td align="left" nowrap> 
      <input type="text" style="background-color:#EEA2A2;" id="station"> 
     </td> 
     </tr> 
</table> 
<p>In this example, x, y, and z are variables</p> 

<p id="demo"></p> 

<script> 
var z = document.getElementById("station"); 
var y = 6; 
document.getElementById("demo").innerHTML = z; 
</script> 

</body> 
</html> 

Iが変数zに(入力されたテーブルに基づいて)可変ステーションを通過したい理由は、値zは別のテーブル内の値としてキャッシュされることです。これで私を助けることができますか?

答えて

0

入力に初期値がないため、フォーカスが入力を離れるなど、何らかのイベントでコピーがトリガーされるようにする必要があります。あなたの現在のコードはすぐにコピーを実行し、入力に何かが入力されるのを待ちません。

また、入力自体ではなく、入力の値をコピーしたいとします。

document.getElementById("demo").innerHTML = z.value; 

したがって、たとえば、あなたが行うことができます:

var z = document.getElementById("station"); 
var y = 6; 
z.onblur = function() { 
    document.getElementById("demo").innerHTML = this.value; 
} 

Here is a Fiddle Demoを。

関連する問題