下拉选择搜索引擎

时间:2016-02-16 19:28:03

标签: javascript html

我希望将搜索引擎的选择与列表联系起来。我选择了正确的选项,键入我正在搜索的内容并按下按钮,它将打开一个新页面以在该主页上进行搜索。

如何解决这个问题最简单的方法。以下是搜索引擎的一些占位符。

<form method="post" action="">
<select name="engine">
    <option value="fedex url">Fedex</option>
    <option value="dhl url">Dhl</option>
    <option value="google url">google</option>
</select>
<input type="text" placeholder="Search...">
<button type="submit">Search</button>

提前谢谢。

2 个答案:

答案 0 :(得分:1)

选择谷歌并输入一个单词..然后搜索...

locale

答案 1 :(得分:0)

感谢Aaron Dishno博士指出我正确的方向。在他的帮助下,我设法将它拼凑起来。

<select name="engine" id="searchstring">
<option value="http://www.fedex.com/">Fedex</option>
<option value="http://www.dhl.com/">Dhl</option>
<option value="https://www.google.com/">Google</option>
</select>
<input type="text" placeholder="Search...">
<button type="submit" onclick="search()">Search</button>

和Javascript代码。

        function search() {
        var dropdown = $("#searchstring").val();
        window.open(dropdown, '_blank');
    }

解决一个简单问题的简单方法,再次感谢Aaron Dishno博士指出正确的方向。