Question

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

<script type="text/javascript">
  function bookssearch(bs) {
    window.open('http://webpac.kdu.edu.my/search/query?match_1=MUST&field_1=title&term_1=' + bs + '&facet_loc=20000&sort=relevance&theme=kdu', 'bswindow');
  }
</script>
Title:
<br />
<form onsubmit="bookssearch(this.bs.value); return false;">
  <input type="text" name="bs" size="30" placeholder="Enter book title.." />
  <input type="submit" value="Search" />
  <input type="reset" value="Reset" />
  <br />
</form>

现在，我想在 field_1 = 中添加选项，以便用户可以在继续搜索字词（bs）之前进行选择。选项 field_1 = ，例如： 标题作者出版商

这是我到目前为止所得到的......但它不起作用。（请关注我，因为我获得了关于javascript的ZERO知识，更不用说正规教育了）。我在网上阅读和stackoverflow当然来到这里.. :)

https://jsfiddle.net/btcdfsbm/

Answer 1

将input更改为select

＆＃13;

<select name="bs">
  <option>Enter book title..</option>
  <option value="value1">option1</option>
  <option value="value2">option2</option>
  <!-- . . . -->
</select>

＆＃13;

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

带有选择选项的Javascript搜索框

2 个答案: