background image

关于 js 与 php 互相传值的介绍

本篇文章是对 js 与 php 互相传值的问题进行了详细的分析介绍,需要的朋友参考下

JS 是前台的语言,PHP 是后台的语言,初学时会经常出现前后台分不清的情况(我

当初就是这样的,现在有时也在犯),我当初的想法是就把前后台当成两个岛,他们是
无法跨越的,HTML 就像一座桥,当你想要把一座岛上的变量传到另一个岛上,只有借
助于这座桥。

我来做个小小的总结吧:
1:HTML 中的值如何传到 JS,下面假设是文件 1.php

代码如下:
<html>
     <body>
     <form action="1.php" method="post">
      name:<input type="text" name="username" id="username">
      rename:<input type="text" name="username1" id="username1">
      <input type="button" value="submit" on CliCk="get()">
         </form>
     </body>
 </html>

JS 假如想取文本框中用户输入的 name 值,这样写

代码如下:
<script language='JavaScript'>
function get()
{
var n=document.getElementById('username').value;
alert (n);
}</script>

这样的话在有调用 JS get()时就会弹出警示框,里面的内容就是 name 的值。
2:假如说 JS 中的这个取到的 name 值要传回 rename 的文本框中,这样写
代码如下:

<script language='JavaScript'> 
function get() 

   var n=document.getElementById('username').value; 
   document.getElementById("username1").value=n; 
}</script>

这样的话在下面调用 get()就会自动显示你上面 name 输入的值。