從輸入字段中獲取價值並打開新鏈接

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

而不是onclick。

另外，您的處理程序可能應該取消Submit操作。 也要使用location.href而不是window.open因為您試圖在同一窗口中打開新的URL。

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