单击带有 javascript 的提交按钮

Question

我有以下脚本：

if( condition ){
  echo '<form action="url" name="myForm" method="post">';
    echo '<input type="hidden" name="val" value="yes">';
    echo '<input type="submit" name="Ok" value="Ok">';
  echo '</form>';
}

当条件满足时，提交按钮会出现，我希望它被javascript点击，所以表单将被提交，我可以使用页面上隐藏的post值从action url。"

我尝试为提交按钮添加一个 id，然后使用 click();但不起作用。我也尝试创建一个函数并使用 this.form.submit 但它不起作用，因为该操作发生在可以发送隐藏值之前。有什么想法吗？

Answer 1

所以问题是提交时你没有得到隐藏字段

检查fiddle。我刚刚更改了post请求以查看是否传递了参数，您可以稍后更改它

将表单 ID 设置为 myForm，将按钮 ID 设置为 ok

$(document).ready(function () {
    if ($("#myForm").length) {
      $("#ok").trigger('click');
        var url = window.location.href; 
        console.log(url);
    }

});

我正在做的是在控制台上打印 url。所以去你的浏览器控制台查看 url，我正在获取带有参数的 url url?val=yes&Ok=Ok

Answer 2

试试这个可能会奏效。

首先在你的提交按钮中添加一个 id

echo '<input type="submit" id="submit" name="Ok" value="Ok">';

然后你可以在这里使用触发器，就像下面的代码一样

$('#submit').trigger(submit);

复制下面这对我有用的代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<?php 

$con=4;
if( $con==4 ){
  echo '<form  name="myForm">';
    echo '<input class="a" type="hidden" name="val" value="yes">';
    echo '<input id="submit" type="submit" name="Ok" value="Ok">';
  echo '</form>';
  echo "<script>
  jQuery('form').submit(function(e){
         e.preventDefault();
         var data=$('.a').val();

         $.post(
            'page2.php',
            {value:data},
            function(data){
                alert(data);
            }
         );

     });
         jQuery('form').trigger('submit');


</script>
         ";
}

?>