带有选择选项的 Javascript 搜索框

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 的了解为零，更不用说正规教育了)。当然，我从网上阅读和 stackoverflow 中得到的一切..:)

https://jsfiddle.net/btcdfsbm/

Answer 1

将输入更改为选择

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