javascript - 使用 Javascript 捕获值输入字段并将其放入目标 URL 中

Question

我的网站即将准备就绪，但我仍然需要集成一些搜索功能。

搜索页面运行良好，并具有以下 URL:

www.mywebsite.be/search/node/

当然，网址中还应该有搜索词，如下所示:

www.mywebsite.be/search/node/search-term

这就是我的问题...将搜索词添加到目标网址...

<!-- START Search form-->
    <?php          
        $searchterm = 'parket';
    ?>
     <form action='/search/node/<?php print $searchterm; ?>' method='POST' role="search" class="navbar-form">
        <div class="form-group has-feedback">
           <input name="searchtest" type="text" placeholder="Schrijf hier" class="form-control">
           <div data-toggle="navbar-search-dismiss" class="fa fa-times form-control-feedback"></div>
        </div>
        <input type="submit" class="hidden btn btn-default"></button>
     </form>
     <!-- END Search form-->

如您所见，我输入了用 PHP 硬编码的搜索词...搜索表单就像这样工作了...所以剩下要做的唯一一件事就是捕获访问者的搜索词放入并将其放入目标网址...

您可以在此处查看此代码的无效示例:

www.woodtex.be

1. 访问者单击搜索图标，输入字段就会出现。
2. 访问者输入搜索词
3. 访问者按 ENTER 键(没有搜索按钮!)
4. 然后应该捕获搜索词并将其放入 detsination-url

我认为这可以用 javascript 来完成，但我不是 ninja JS man :(

欢迎提供任何提示/代码/链接。

Answer 1

尝试这样做:

<script type="text/javascript">
    function get_action(form) {
        form.action = 'www.mywebsite.be/search/node/'+form.search.value;

    }
</script>

<form onsubmit="get_action(this);"action="">
<input type="text" id="search">
<input type="submit" value="submit">
</form>