将一个变量传递给html和javascript中的另一个变量

问题描述：

我正在尝试创建一个输入表，并且无论输入到表中的任何名称都将设置为变量站，并将该变量站传递给变量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值将被高速缓存为另一个表中的值。你能帮助我吗？

答

由于输入没有初始值，因此您需要触发某些事件发生副本，例如焦点离开输入时。您当前的代码立即执行复制，并不等待输入内容。

此外，您要复制输入的值，而不是输入本身。

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。

将一个变量传递给html和javascript中的另一个变量

相关推荐