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

时间:2014-12-12 10:35:06

标签: javascript

我的网站已经准备就绪,但我仍然要为搜索功能整合一些内容。

搜索页面运行良好并且有以下网址:

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
  5. 我认为这可以通过javascript完成,但我不是在忍者JS man :(

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

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

var currString = "<?php echo $searchterm ?>"
window.location.search += currString;