Question

我正在寻找一种基于我输入的字符串进行多次Google搜索的简单方法。然后将搜索该字符串以及我勾选的任何复选框。一个例子：

输入字段：

Stack Overflow

复选框：

[x]“CSS | HTML”

[]“Javascript”

[x]“C ++ | C＃”|“。Net”

点击链接/按钮进行搜索会运行这些单独的Google搜索查询（包括引号和竖线）：

“Stack Overflow”“CSS | HTML”

“Stack Overflow”“C ++ | C＃”|“。Net”

我可以在一个页面中执行此操作吗？它似乎是一个简单的解决方案，但我不知道如何制作它（只是在这里假设HTML或Javascript）。从哪里开始的任何方向都会很棒。

Answer 1

Google搜索会为每个选中的选项单独打开窗口/标签。

有例子（与评论类似）fiddle example

html：

<input type="text" id="src" value="" placeholder="For what You search?" />
<br>
    <input type="checkbox" id="o1"/><label for="o1">CSS/HTML<br>
    <input type="checkbox" id="o2"/><label for="o2">Javascript<br>
    <input type="checkbox" id="o3"/><label for="o2">C++/C#/.NET<br><br>
    <input type="button" value="Search" onclick="start();" />

js：

    function start() {
    // every text must be encoded using encodeURIComponent

    //store search string into variable called src
    var src='https://www.google.com/search?q=\"' + encodeURIComponent(document.getElementById('src').value)+'\"+';

    // check 1st checkbox - if is checked add to src variable CSS|HTML
    if(document.getElementById('o1').checked) {
        var src1 = src + '\"'+ encodeURIComponent('CSS|HTML')+'\"';
        window.open(src1,'_blank');
    }

    // check 2nd checkbox - if is checked add to src variable Javascript
    if(document.getElementById('o2').checked) {
        var src2 = src + '\"'+ encodeURIComponent('Javascript')+'\"';
        window.open(src2,'_blank');
    }

    // check 3th checkbox - if is checked add to src variable "C++|C#" ".NET"
    if(document.getElementById('o3').checked) {
        var src3 = src + '\"'+ encodeURIComponent('C++|C#')+'\"+\"'+encodeURIComponent('.NET')+'\"';
        window.open(src3,'_blank');
    }
}

使用输入文字和复选框轻松进行Google搜索？

1 个答案: