附加文本框值以形成操作网址

Question

我有一个搜索表单，我需要将关键字传递给URL。我知道使用GET方法要容易得多，但出于某种原因，当我使用它时没有任何反应。它不会移动到操作URL。但POST方法对我有用。

所以我需要做的是当用户输入关键字时，它自动需要附加到表单操作URL，这样我就可以在用户提交表单时抓住它。我需要将它传递给URL。

以下是我到目前为止所做的事情：

<script>
    $('#input-search').on('change', function (event) {
        var myVal = $(this).val();
        $('form').attr('action', function(i, value) {
            return value + "&search=" + myVal;
        });
    });
</script>

    <form action="http://loclahost/index.php?route=catering/search" method="POST">
      <input type="text" id="input-search" name="keyword" />
      <input type="submit" name="search" value="search"/>
    </form>