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

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。