将javascript函数数据传递到隐藏表单字段并将结果作为url变量发送

时间:2012-12-06 00:48:37

标签: javascript forms url variables input

我正在尝试将javascript变量传递到表单字段并将结果作为url变量发送,但我仍然坚持使用此代码。任何帮助表示赞赏。代码将浏览器宽度视口输出到字段字段中,然后在提交表单时将其作为变量发送到url

  <html>
  <script>

   function getViewport() {

   var viewPortWidth;
   var viewPortHeight;

   window.innerWidth and window.innerHeight
   if (typeof window.innerWidth != 'undefined') {
      viewPortWidth = window.innerWidth,
      viewPortHeight = window.innerHeight
   }
   return viewPortWidth;
}

 </script>

  <form action ='echo.php' method = 'GET'>
   <table>
    <tr>

     <td>

      <input type='hidden' name='r_w' onsubmit='this.value=getViewport();'>

     <td>

    <td>
     <input type="submit" name='submit' value="Go" />

    </td>

   </tr>


  </table>


 </form>


 </html>

1 个答案:

答案 0 :(得分:0)

隐藏输入字段没有“onsubmit”事件。您必须将其放在提交按钮上,并将名为“r_w”的字段的值设置为getViewport()的结果。

<强>更新

不要将提交按钮命名为“提交”,它会抛弃对表单提交功能的任何调用,这就是您将在此处使用的内容。

<input type="submit value="Go" onsubmit="setViewPort()">

然后创建一个函数setViewPort(),它将字段“r_w”的值设置为getviewPort()的结果。