2016-12-14 138 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> 

为什么要传递变量站(基于输入表),以变量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

相关问题