精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>Java Script — 来一杯热咖啡>>用Javascript控制表单的各项

主题:用Javascript控制表单的各项
发信人: eagle()
整理人: eagle(2000-12-24 09:49:57), 站内信件
网页中的表单通常如下:
  <form name="myForm" method="post" action="my.cgi" target="mytarget">

    <input type="Type1" name="Name1" value="Value1">
    <input type="Type2" name="Name2" value="Value2">
  </form>
我们可以通过Javascript来控制表单中的action、target、value等值,让表单

使用起来更加灵活。例如我们可以根据用户提交的数据不同,用不同的cgi程序

来处理表单提交上来的数据、在不同的窗口打开网页等。请看下面的代码:

<html>
<!-- 以下的javascript根据用户点不同连接来更改表单的target和action -->

<script language="javascript">
  function mycheck(a,b){
    if(a==0){
      document.myForm.action = "deal2.php";
      document.myForm.target = "_self";
    }
    document.myForm.Var1.value = a;
    document.myForm.Var2.value = b;
    document.myForm.submit();
  }
</script>

<body>
  
  <form name="myForm" method="post" action="deal1.php" target="_new">

    <input type=hidden name="Var1" value="">
    <input type=hidden name="Var2" value="">
  </form>
  
  <p><a href="javascript:mycheck(0,11)">test(0,11)
  <p><a href="javascript:mycheck(55,66)">test(55,66)
  <a href="javascript:mycheck(x,y)">test(x,y)

</body>
</html>

当用户点第一个连接的时候,用deal2.php处理提交的数据,并在原来的窗口
中显示服务器返回的页面。点第二个连接是用deal1.php处理提交的数据,并
开一个新的窗口显示服务器返回的页面。实现的原理是用javascript判断连
接:<a href="javascript:mycheck(x,y)">test(x,y)中x、y的值,然
后更改表单中的 action、target值。你可以通过修改上面的脚本,你还可以更

改表单中的其他各项的值,让你的表单更加的灵活。

--
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   http://gzeagle.163.net/  http://gzeagle.yeah.net
   Java,JavaScript,网页设计,mIRC、ICQ、Dreamweaver...
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 61.140.250.86]

[关闭][返回]