Question

我需要在点击id =“searchbutton”的图片时提交表单。 HTML代码如下：

<div id="searchform">
  <form action="/search" method="get" novalidate="novalidate">
    <input type="hidden" name="in" value="people">
    <input name="for" type="text">
    <input type="submit" class="hidden">
  </form>
  <img src="./search.png" alt="search" id="searchbutton">
</div>

我的Jquery代码如下：

<script type="text/javascript">
   $("#searchbutton").click(function () {
      $('#searchform').find('form:first').submit();
   });
</script>

有谁看到，问题在哪里？谢谢！

Answer 1

尝试：

<script type="text/javascript">
$(document).ready(function(){
   $("#searchbutton").click(function () {
       $('#searchform form:first').submit();
   });
});
</script>

Answer 2

将表单名称命名为form_name然后尝试此代码

<script type="text/javascript">
document.getElementById("image_id").onclick = function myfunction() 
  {         
document.form_name.submit();
}

此处image_id是您的图片ID。

JQuery：单击图像时提交表单不起作用

2 个答案: