首页 文章

获取输入框以更改HTML中的URL

提问于
浏览 次
-1

嗨所以我有一个带有按钮的输入框，当点击进入网址时 . 我想要它，所以无论用户输入什么类型，它都会在输入框中添加单词 . 所以，让我们说它的默认google.com/search/?q=然后当用户键入“cat”时，它将是google.com/search/?q=cat

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

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

3 回答

  • 0

    使用 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>
    回复于
  • 1
    <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>
    回复于
  • 0

    我会使用jquery：

    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>
    回复于

相关问题