如何獲取html輸入的值並執行谷歌搜索？

我有一個輸入控件和提交按鈕的窗體。我希望用戶能夠輸入他們的郵政編碼，然後使用他們在輸入字段中輸入的內容執行Google搜索。如何獲取html輸入的值並執行谷歌搜索？

我試過在線搜索，但找不到我在找的東西。我已經知道Google搜索的查詢字符串格式，只是在我的HTML和JavaScript上有點生疏。

2011-04-17 Carl Weis

嘗試：

var box=document.getElementById('the_search_box'); 
window.location='http://www.google.com/search?q='+escape(box.value);

這裏有jsfiddle一個例子。

雖然你應該考慮創建一個Google Custom Search。

2011-04-17 05:31:31 Khez

我試過這個，但是我得到一個JavaScript錯誤。 document.getElementByID（...）爲空或不是對象。任何想法爲什麼？ – 2011-04-17 06:02:34

沒關係它的作品。謝謝 – 2011-04-17 06:05:12

哦，應該提到你必須在DOM載入後做這個測試，所以getElementById（）找到你的元素。流行的解決方案包括使用'window.init'。 – Khez 2011-04-17 06:21:07

簡單的HTML：

<html> 
<body> 

<form action="http://www.google.com/search" method="get"> 

<input type="text" name="q"> 

</form> 

</body> 
</html>

2011-04-17 05:29:57 magma

+1不使用JS。 – Blender 2011-04-17 05:31:25

這會允許我從輸入字段傳遞值並添加到它嗎？ – 2011-04-17 06:38:20

我不確定我是否100％理解你的問題 - 但如同任何形式一樣，如果你願意的話，你可以通過DOM操縱所有東西。 – magma 2011-04-17 12:32:52

簽出名爲LMGTFY（Let Me Google That For You）的腳本 - 非常酷的實現。

2011-04-17 05:32:28

回答