从输入字段获取值并打开一个新的 link

Question

我对 html && javascript 编码完全陌生，所以现在我正在做我的第一步并尝试编写一个搜索栏，它将传递 google 你的输入文本

<script src="func.js"></script>
  <form name="googleSeach">
   <p align="center"><input name="searchTxt" id="searchTxt" type=search placeholder="Google Search">
   <input type="submit" value="Find" onclick="test()"></p>
  </form>

和javascript

function test(){
    window.open("https://www.google.ru/webhp?newwindow=#q="+document.getElementById('searchTxt').value,"_self")
}

好吧，我认为它应该有效，但不，它没有。有什么问题吗？

Answer 1

相信你就是想用

<form name="googleSeach" onsubmit="test(event)">

而不是点击。

此外，您的处理程序可能应该取消提交操作。还要使用 location.href 而不是 window.open，因为您正试图在同一个 window.

中打开新的 URL

http://jsfiddle.net/bvaughn/fr35mpgf/2/

从输入字段获取值并打开一个新的 link

getting value from input field and open a new link

html

javascript

href