【问题标题】:How to get the value of a html input and preform a google search?如何获取 html 输入的值并执行谷歌搜索?
【发布时间】:2011-04-17 05:26:25
【问题描述】:

我有一个带有输入控件和提交按钮的表单。我希望用户能够输入他们的邮政编码,然后使用他们在输入字段中输入的内容执行 Google 搜索。

我尝试在线搜索,但找不到我要查找的内容。我已经知道 Google 搜索的查询字符串格式,只是我的 HTML 和 JavaScript 有点生疏。

【问题讨论】:

    标签: javascript html search input


    【解决方案1】:

    简单的html:

    <html>
    <body>
    
    <form action="http://www.google.com/search" method="get">
    
    <input type="text" name="q">
    
    </form>
    
    </body>
    </html>
    

    【讨论】:

    • 这是否允许我从输入字段传递值并添加到它?
    • 我不确定我是否 100% 理解您的问题 - 但与任何形式一样,如果您愿意,您可以通过 DOM 操作所有内容。
    【解决方案2】:

    试试:

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

    这是jsfiddle 的示例。

    不过,您应该考虑创建一个Google Custom Search

    【讨论】:

    • 我试过这个,但我得到一个 JavaScript 错误。 document.getElementByID(...) 为 null 或不是对象。知道为什么吗?
    • 哦,应该提到您必须在 DOM 加载后执行此测试,以便 getElementById() 找到您的元素。流行的解决方案包括使用window.init
    【解决方案3】:

    查看名为 LMGTFY(让我为您搜索)的脚本——非常酷的实现。

    【讨论】:

      猜你喜欢
      • 2016-07-27
      • 2018-11-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-19
      • 2015-12-29
      • 1970-01-01
      • 2015-06-05
      相关资源
      最近更新 更多