带有选择选项的Javascript搜索框

我想为我们的网站创建一个自定义搜索框。让它工作如下：

功能搜索{ 窗户，打开'http://webpac.kdu.edu.my/search/query?match_1=MUST&field_1=title&term_1=“+bs+”&facet_loc=20000&sort=relevance&theme=kdu”、“bswindow”； } 标题： 将输入更改为选择

输入书名。。 选择1 选择2

---

如果您想添加选项，以便用户可以在继续搜索之前进行选择，那么我认为这将有所帮助。在这里，您将获得搜索框的值和选项，并根据其id进行选择。因此，使用您获得的值，您可以继续执行搜索操作。我希望它能帮助你：

<form action="" onsubmit="return false">
  Term :<br />
  <input name="term_1" size="38" maxlength="50" value="" id="searchbox" placeholder="Enter search term.."><br />
  <select name="field_1" id="option">
    <option value="t" selected="selected">Title</option>
    <option value="a">Author</option>
    <option value="s">Subject</option>
    <option value="call_number">Call Number</option>
    <option value="p">Publisher</option>
  </select>

  <input value="Submit"  type="button" onclick=search()>
  <input value="Reset" type="reset">
</form>

<script>
function search()
{
   var search_input=document.getElementById("searchbox").value;// value of search box
   var option=document.getElementById("option").value; //value of select

   window.open('http://webpac.kdu.edu.my/search/query?match_1=MUST&field_1=' + option + '&term_1=' + search_input + '&facet_loc=20000&sort=relevance&theme=kdu', 'bswindow');   //proceed with search
}
</script>

---

嗨，很抱歉，我没有回答我的问题。我已经编辑过了。请帮我查一下。非常感谢！在此之后，我想尝试对搜索框进行自定义：