Question

我有这样的表格：

<form role="search" method="get" class="search-form" action="/" name="sform">
    <div class="search-box">
        <input type="text" name="s" class="prac-area-search" />

        <input id="sbutton" type="button" />

    </div>
    <div class="search-hidden-btn"><input type="submit" id="ssubmit" class="search-submit screen-reader-text" value="Search"></div>

</form>

。提交按钮被隐藏，我想在点击#sbutton按钮的同时提交表单。由于某些原因，当我点击按钮#sbutton

时，表单未提交

这是我试过的jquery代码：

<script>
$('#sbutton').click(function(){
  $('form[name=sform]').submit();
});
</script>

Answer 1

我理解你的问题，在使用jquery在DOM元素上创建Handler之前，你需要等待DOM准备就绪。

尝试

$(document).ready(function(){
        $('#sbutton').click(function(){
          $('form[name=sform]').submit();
        });
});

<强>更新

在Wordpress中jQuery.noConflict（）在它包含的jQuery文件上调用（滚动到文件的底部，包括jQuery以查看此内容），这意味着$不起作用，但是jQuery会这样做。

Jquery - 使用按钮提交表单

1 个答案: