2016-02-16 12 views
-2

Я искал для этого решения. Я знаю, что видел это раньше, но это было какое-то время назад. То, что я хочу сделать, - это связать выбор поисковой системы с списком. Я выбираю правильный вариант, набираю то, что ищу, и нажимаю кнопку, и он откроет новую страницу для поиска на этой домашней странице.Вы можете выбрать поисковую систему

Как было бы самым простым способом решить эту проблему. Ниже приведены только некоторые заполнители для поисковых систем.

<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> 

Спасибо заранее.

+1

Процесс, который вы ищете, в основном, читайте раскрывающийся список и используйте его для установки URL-адреса страницы поиска, добавьте текст поиска к этому URL-адресу и window.location.href, чтобы перейти на эту страницу. (или используйте window.open для нового окна). Вам просто нужно посмотреть каждую страницу результатов поисковой системы, чтобы получить формат требуемого URL. –

+0

В настоящее время я пытаюсь изучить javascript, есть ли у вас пример того, о чем вы говорите? Спасибо за быстрый ответ. – Tman

+0

не проблема, дай мне пару минут ... Я соберу один. –

ответ

1

выберите Google и введите слово .. затем поиск ...

<script type="text/javascript"> 
    function search() { 
     var url = document.getElementById('engine').options[document.getElementById('engine').selectedIndex].value; 
     window.location.href = url + "?q=" + document.getElementById('searchtext').value; 
    } 
</script> 

    <select id="engine" name="engine"> 
     <option value="fedex url">Fedex</option> 
     <option value="dhl url">Dhl</option> 
     <option value="https://www.google.com/search">google</option> 
    </select> 
    <input id="searchtext" type="text" placeholder="Search..."> 
    <input type="submit" onclick="search();" value="Search" /> 
0

Благодаря д-р Аарон 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'); 
    } 

Простое решение простой проблемы, спасибо еще раз д-р Аарон Dishno для указания в правильном направлении.

+0

Теперь мне просто нужно положить остальное, в окне поиска добавить эту информацию, но теперь это будет простой задачей, когда я знаю, как это сделать. – Tman

Смежные вопросы