php - 搜索框同时点击一个按钮 PHP Jquery

Question

我试图让搜索框同时单击按钮或输入操作，但我无法让输入操作和输入一样工作。我知道这不是严格的 php，但我在搜索中使用了所有 php 函数，并想知道是否有人可以提供帮助。

这是我的代码：

function get() {
    $.post('search_tsr.php', {
        search_term: form.name.value
    }, function (output) {
        $('#search_results').html(output).show();
    });
}
$(document).ready(function () {
    $(document).keyup(function (event) {
        if (event.keyCode == 13) {
            $("#form").submit();
            $.post('search_tsr.php', {
                search_term: form.name.value
            }, function (output) {
                $('#search_results').html(output).show();
            });
        }
    })
});

形式 ：

<form name="form">
    <img src="gfx/search_magnifyer.jpg" width="18" height="18" border="0"
    align="absmiddle">
    <input name="name" type="text">
    <input type="button" onClick="get()" value="Go">
</form>

你可以帮忙吗？

Answer 1

要使“输入按钮”或“按钮单击”起作用，请将按钮的类型更改为“提交”而不是按钮：

<input type="submit" value="Go">

然后您可以执行以下操作：

$(document).ready(function () {
  $("#searchform").submit(function(e){
      e.preventDefault(); // prevents default form submition
      get(); // executes your get function
    });
});

Answer 2

onClick与其使用事件，不如使用submit事件。

给你的表单一个 idsearchform并做

$('#searchform').submit(function(){
  // do your stuff here
});

Answer 3

您应该使输入类型提交并调用您的函数 onsubmit 表单事件。你可以做

get()如果要使用ajax，则以这种方式返回false 。

 <form name="form" onsubmit="return get();">
              <img src="gfx/search_magnifyer.jpg" width="18" height="18" border="0" align="absmiddle">   
              <input name="name" type="text"><input type="submit" value="Go">