多个下拉搜索替换字符串

我目前正在尝试基于多个下拉菜单创建搜索。多个下拉搜索替换字符串

我使用的片段是：

<script type="text/javascript" charset="utf-8"> 
     function add_criteria (el) { 
      search = document.getElementById('search_criteria'); 
      search.value = document.getElementById('type').value + " " + document.getElementById('color').value;} 
    </script> 

    <form role="search" method="get" id="searchform" action="search.html?submit=Go&_nkw"> 
     <label class="screen-reader-text" for="s">Search for:</label> 
    Type 
    <select name='type' id='type' class='postform' onchange="add_criteria(this);"> 
     <option value='' selected='selected'>All</option> 
     <option class="level-0" value="dog">Dog</option> 
     <option class="level-0" value="cat">Cat</option> 
    </select> 

    Color 
    <select name='color' id='color' class='postform' onchange="add_criteria(this);"> 
     <option value='' selected='selected'>All</option> 
     <option class="level-0" value="red">red</option> 
     <option class="level-0" value="white">white</option> 
     <option class="level-0" value="green">green</option> 
    </select> 
     <input type="submit" id="searchsubmit" value="Search" /> 
     </div> 
    </form>

结果却是不正确的 - 什么，我想实现的是显示在这种方式的结果：

http://mystore.com/search.html?submit=Go&_nkw=medium+red

有谁有一个想法，我可以如何让这个更换刺固定和正常工作？

一些建议将高度赞赏 - 非常感谢你！

来源

2012-06-09 Patrick Lanfranco

'结果但不correct'。请向我们展示您的错误结果或生成错误的网址。你的意思是说编码的URL不正确？ – Ammar

使用上面的代码片段，搜索网址出现为：search.html？type = dog＆color = green但是我想实现它看起来像这样：search.html？submit = Go＆_nkw = dog + green –

那么，你只需要一个简单的把戏。首先，让那些<select>标记出<form>标签，并做两个假<input>与名submit和_nkw（那<form>元素是如何工作的）：

<!DOCTYPE html> 
<html> 
<body> 

<script type="text/javascript" charset="utf-8"> 
     function add_criteria (el) { 
      search = document.getElementById('search_criteria'); 
      search.value = document.getElementById('type').value + " " + document.getElementById('color').value;} 
    </script> 

     <div> 
     <select name='type' id='type' class='postform' onchange="add_criteria(this);"> 
      <option value='' selected='selected'>All</option> 
      <option class="level-0" value="dog">Dog</option> 
      <option class="level-0" value="cat">Cat</option> 
     </select> 

     Color 
     <select name='color' id='color' class='postform' onchange="add_criteria(this);"> 
      <option value='' selected='selected'>All</option> 
      <option class="level-0" value="red">red</option> 
      <option class="level-0" value="white">white</option> 
      <option class="level-0" value="green">green</option> 
     </select> 
     </br> 
     <form role="search" method="get" id="searchform" action="search.html"> 
      <input name="submit" value="Go" style="visibility:hidden;"></label> 
      <input id="search_criteria" name="_nkw" value="" style="visibility:hidden;"></label> 
      <input type="submit" id="searchsubmit" value="Search" /> 
     </form> 
     </div> 

</body> 
</html>

来源

2012-06-09 08:20:31 Ammar

这是绝对优秀的 - 谢谢你非常感谢你的帮助！我希望你有一个愉快的周末 –

多个下拉搜索替换字符串

回答

相关问题