从输入字段获取值并打开新链接

Question

即时全新的html＆amp;＆amp; javascript编码所以现在我正在做我的第一步并尝试编写一个搜索栏，它会将谷歌输入你的输入文本

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

而不是onclick。

您的处理程序也应该取消提交操作。也可以使用location.href代替window.open，因为您尝试在同一窗口中打开新网址。

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