php – 使用JavaScript获取表单变量

发布时间：2020-12-13 21:34:19 所属栏目：PHP教程来源：网络整理

导读：我有以下形式(通过php回显),当选择单选按钮时,我希望将该值传递给 javascript函数,然后我可以处理它. form id="form1" name="form1" method="" action="JavaScript:alterRecord()"input name="radiobutton" type="radio" value="test1" /Test

我有以下形式(通过php回显),当选择单选按钮时,我希望将该值传递给 javascript函数,然后我可以处理它.

<form id="form1" name="form1" method="" action="JavaScript:alterRecord()">
<input name="radiobutton" type="radio" value="test1" />Test 2<p>
<input name="radiobutton" type="radio" value="test2" />Test 2<p>
<input name="radiobutton" type="radio" value="test3" />Test 3<p>
<input name="radiobutton" type="radio" value="test4" />Test 4
<input type="submit" name="Submit" value="Submit" />
</form>

还有JavaScript

function alterRecord(value) {
alert(value);
}

我无法找到如何获取javascript以获取表单提交的值.

解决方法

如果你想在提交时使用Javascript做一些事情,但没有发生正常的POST或GET请求(导致旧页面卸载并加载新页面),请确保执行以下操作：

<html>
  <head>
    <style type="text/css">
      body { background-color: black; color: white; }
    </style>
    <script type="text/javascript">
      function handleClick(event)
      {
        if (console) console.info("handling click");  
        // for Firebug debugging,if you want it

    /* do something here */
        alert(this.textBox1.value);
        // I don't like alerts but it works everywhere

        if (console) console.info("handled click");  

        event.preventDefault(); // disable normal form submit behavior
        return false; // prevent further bubbling of event
      }
      function doit()
      {
        if (console) console.info("starting doit()");
        document.forms.myform.addEventListener("submit",handleClick,true);
        return true;
      }
    </script>
  </head>
  <body onload="doit()">
    <form name="myform">
      <div>
          <textarea name="textBox1" rows="10" cols="80">
'Twas brillig,and the slithy toves
Did gyre and gimble in the wabe;
All mimsy were the borogoves,And the mome raths outgrabe.
         </textarea>
      </div>
      <input type="submit" value="Update"/>
    </form>
  </body>
</html>

行event.preventDefault()和返回false是键.我也喜欢使用addEventListener,而不是在表单中硬编码onSubmit.我想,这只是风格/偏好的问题. (尽管addEventListener允许您拥有多个处理程序.)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!