如何获取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

回答