Как сделать навигацию по сайту с помощью select?

Question

[Morrdor]

Вот сама форма :

<form method="post">
     <input type="text" name="texter" placeholder="Domain name"/>

        <select class="sel">
         <option value="Subdomain">Subdomain</option>
         <option value="IP">IP</option>
         <option value="WhoIS">WhoIS</option>
         <option value="Alexa">Alexa</option>
        </select>

         <input type="submit" value="Check" class="submitter"/>
     </form>

Также есть 4 таблицы:

<table class="container1">

 <tr>
       <td></td>
       <td></td>
 </tr>

</table>
<table class="container2"><tr><td></td></tr></table>

и тд.
Как при нажатии на кнопку сделать так чтобы происходила переадресация на таблицу выбраную в select?

Answer 1

[Fivebam]

Рекомендую вам отказаться от такого варианта, так как при открытии страницы загрузка будет идти очень долго и загружать те страницы, которые пользователю вообще будут не нужны. Лучше всего воспользуйтесь подгрузкой контента при нажатии. Для реализации того, что вы написали можно воспользоваться отловом отправки формы примерно так:

document.forms[0].onsubmit = function {
    // Do somethings
    return false;
}

Далее проверять что было выбрано. После этого отображать какой-то контент, сделать это очень просто. Самый простой способ это повесить на все блоки display: none и снимать с конкретного блока.

Answer 2

[Lord_Dantes]

$( "select" ).change(function() {
  var nextURL = jQuery(this).val();
  window.location.href = nextURL;
});

UPD перечитал вопрос, вы хотите по якорям переходить?