Eingabebox zum Ändern der URL in HTML

Question

Hallo, ich habe also ein Eingabefeld mit einer Schaltfläche, die beim Klicken auf eine URL geht. Ich will es so, was auch immer der Benutzer eingibt, es geht auf die URL + die hinzugefügten Wörter in der Eingabebox. So können die Standard google.com/search/?q= sagen dann, wenn der Benutzer "cat" itll

<input type= "button" onclick="location.href=\ 
 
    'http://www.google.com/search/?q=';"\ 
 
    value="Search Google Images"/><br><br> 
 

 
<br><br> \t Search item:<input type="text" id="dropdownID"><br><br>

Answer 1

Fügen Sie den Wert google.com/search/?q=cat werden des Eingabefeldes mit document.getElementById('dropdownID').value:

<input type="button" onclick="location.href='http://www.google.com/search/?q='+document.getElementById('dropdownID').value" value="Open Testrail Test Plan for Modiciation" /> 
 
<br> 
 
<br> 
 

 
<br> 
 
<br>Search item: 
 
<input type="text" id="dropdownID"> 
 
<br> 
 
<br>

Answer 2

<input type= "button" onclick="loadUrl()" value="Search Google Images"/> 
<br><br><br><br> Search item:<input type="text" id="dropdownID"><br><br> 

<script> 
    function loadUrl() { 
    location.href = 'http://www.google.com/search/?q=' + document.getElementById('dropdownID').value; 
    } 
</script> 

Answer 3

würde ich jquery dafür verwenden:

https://jsfiddle.net/dqz1pvux/13/

<input id="search" type="submit" value="Search Google Images"> 
<input id="keyword" type="text" value="" placeholder="Type text here"> 

<script> 

$(document).ready(function(){ 

$("#search").click(function(){ 
     window.open("https://www.google.de/search?q="+document.getElementById('keyword').value+"&biw=1678&bih=790&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjNzbLf6OfQAhVD6RQKHZp5BRsQ_AUIBigB&dpr=1.09") 
}); 
}); 

</script>