Question

我有一个这样的简单形式：

 <form>
      <input name="search">
      <button type="submit">Search...</button>
      Price: <a href="?filter=price&direction=asc">Low</a> | 
             <a href="?filter=price&direction=desc">High</a>
 </form>

请注意，名称为input的{{1}}允许搜索关键字，而search链接则用作过滤器。提交表单时，网址将为例如<a>。使用我的服务器端脚本，这将产生一个页面，其中包含名称中包含单词localhost/products?search=smartphone的所有产品。

现在说我在smartphone。如果我点击localhost?search=smartphone，就会产生

Low

然而，我真正打算得到的是

http://localhost/products?filter=price&direction=asc
    -> filter all products with price asc

如何合并http://localhost/products?search=smartphone&filter=price&direction=asc -> search for 'smartphone', and filter only those results by price asc和search（filter或asc方向）？另外，在搜索/过滤方面这是否有效？我应该将desc更改为<a>吗？我对搜索机制的经验不多，所以任何建议都会受到赞赏！

Answer 1

使用

onclick="form.submit();"


<form id="my_form">
  <input name="search">

  Price: <a href="?search="+ escape(document.forms.my_form.search.value)+"&filter=price&direction=asc" onclick="document.getElementById('my_form').submit(); return false;">Low</a> | 
         <a href="?search="+ escape(document.forms.my_form.search.value)+"&filter=price&direction=desc" onclick="document.getElementById('my_form').submit(); return false;">High</a>

将查询字符串附加到当前URL的HTML链接

1 个答案: