Question

我在表单上有一个带有提交按钮的表单，在我的页面上的div中打开一个嵌套的php页面。

我想要做的就是隐藏提交按钮，而是通过单击其中一个div来替换它，从而运行一个名为showBiog（key）的脚本，然后将该键传递给表单以提交....帮助。 ..; - ）

<script type="text/javascript">
$(function() {
// Handler for .ready() called.
$('#SubmitForm').submit(function( event ) {

    $.ajax({
            url: 'test2.php',
            type: 'POST',
            dataType: 'html',
            data: $('#SubmitForm').serialize(),
            success: function(content)
            {
                $("#DisplayDiv").html(content);
            }  
    });

    event.preventDefault();
});

});
</script>

HTML是：

 <form id="SubmitForm" method="post">
        <div id="SubmitDiv" style="background-color:black;">
            <button type="submit" class="btnSubmit">Submit</button>
        </div>
</form>

<div class="test" onClick="showBiog(1)"><p>1</p></div>
<div class="test" onClick="showBiog(2)"><p>2</p></div>
<div class="test" onClick="showBiog(3)"><p>3</p></div>
<div class="test" onClick="showBiog(4)"><p>4</p></div>

Answer 1

只需删除按钮元素，然后执行以下操作：

$('#myspecificdiv').on('click', function() {
     $('#SubmitForm').submit();
}

Answer 2

您可以隐藏提交按钮并在showBiog（key）中执行其单击操作;就像

function showBiog(key){
//Your code
$('#submit_btn_id').click();
}

Answer 3

请将javascript放在document.ready

上

<script type="text/javascript">
$(document).ready(function() {   
     $('.class name').on('click',function() {
           $('#SubmitForm').submit();
      });
  });
</script>

单击div而不是点击提交然后传递参数

3 个答案: