Javascript Suchfeld mit Option auswählen

Question

Ich möchte ein benutzerdefiniertes Suchfeld für unsere Website erstellen. Verstanden, wie unten arbeiten:

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

Nun, ich Optionen in field_1 = hinzufügen möchten, so dass Benutzer auswählen kann, bevor sie mit Suchbegriff gehen die (bs). Option in field_1 = wie: Titel Autor Verlag

Dies ist, was ich habe so far..but seine nicht funktioniert. (Bitte tragen Sie mit mir, wie ich ZERO Wissen über Javascript erhielt, nicht zu formale Bildung zu erwähnen). Alles, was ich habe hier von online und Stackoverflow natürlich lesen .. :)

https://jsfiddle.net/btcdfsbm/

Answer 1

Wenn Sie Optionen hinzufügen, so dass Benutzer kann wählen, bevor ich mit der Suche fortfahre, dann wird mir das helfen. Hier erhalten Sie den Wert Ihres Suchfelds und die Option (auswählen) anhand seiner ID. Mit den Werten, die Sie erhalten, können Sie mit Ihrer Suchoperation fortfahren. Ich hoffe es hilft dir :)

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

Answer 2

ändern input zu select

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