jQuery Submit（）和表单操作不起作用

Question

我有一个简单的搜索字段：

  <form id="searchForm" action="">
    <input type="text" name="searchField" id="searchField" value="">
  </form>

我已经尝试了这个（ 相关链接 ）的几种变体：

<script>
  $('#searchField').keypress(function (e) {
    if (e.which == 13) {    // hit enter
      $('#searchForm').submit(function(){
          var val = $('#searchField').val();
          this.action = "index.php?g="+genre+"&s="+val; 
          return false;
      });
    }
  });
</script>

和这个：

<script>
  $('#searchField').keypress(function (e) {
    if (e.which == 13) {    // hit enter
      var val = $('#searchField').val();
      $('#searchForm').attr("action","index.php?g="+genre+"&s="+val);
      $('#searchForm').submit();
      return false;
    }
  });
</script>

但是无法使页面（操作）定向到所需页面。 即使我尝试从外部设置操作（例如Google.com），也不会将我发送到那里。 我想念什么？ 类型var先前已声明为btw。

另外，我知道它需要验证-只是尝试使其首先工作。

谢谢

Answer 1

<form id="searchForm" action="" method="post" >
    <input type="text" name="search" id="searchField" value="">
</form>
<script>
$(function(){
    $('#searchField').keypress(function (e) {
    if (e.which == 13) {   
        var genre = 'test';
        var val = $('#searchField').val();
        $('#searchForm').attr("action","index.php?g="+genre+"&s="+val);
        $('#searchForm').submit();
          return false;
    }
  });
});
</script>

立即尝试...我已经将form方法更改为现在可以正常工作了。

Answer 2

您应该采用第二种方法。 但是您必须在Jquery的document.ready函数中提供脚本。

<script>    

$(document).ready(function(e) {

    $('#searchField').keypress(function (e) {
        if (e.which == 13) {    // hit enter
        var genre = 'abcd';
            var val = $('#searchField').val();
            $('#searchForm').attr("action","index.php?g="+genre+"&s="+val);
            $('#searchForm').submit();
            return false;
        }
    });

});

</script>