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

Catch the value input field with Javascript and put it in destination URL

本文关键字：目标 URL Javascript 字段 输入 使用      更新时间：2023-09-26

我的网站几乎准备好了，但我仍然需要为搜索功能集成一些东西。

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

www.mywebsite.be/search/node/

当然，url中也应该有搜索词，如下所示：

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. 访客点击回车键(没有搜索按钮！
  4. 然后应该捕获搜索词并将其放入 detsination-url 中

我认为这可以用javascript完成，但我不是忍者JS人:(

因此，欢迎任何提示/代码/链接。

尝试这样做：

<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>

老实说，我从未使用过PHP，但你可以试试这个：

var currString = "<?php echo $searchterm ?>"
window.location.search += currString;
相关文章：