Переход по ссылке при выборе элемента выпадающего списка
Здравствуйте, друзья. Решил поделиться с вами одной очень хорошей вещью, такой, как, например, переход на сайт при выборе элемента выпадающего списка.
На первый взгляд вам покажется, что это совершенно ненужная вещь, ведь выпадающие списки мало кто использует, но если хорошо подумать, то можно придумать ей применение. Чтобы просмотреть мою "Демо-версию" нажмите сверху "Скачать"
Чтобы такая вещь появилась у вас на странице, просто пропишите:
Quote (скопируйте и вставьте в нужный шаблон)
<form name="form "> <select onchange="_go()" id="address"> <option value="" selected>Взломать сайт</option> <option value="http://www.Google.com">Google.com</option> <option value="http://www.Mail.ru" >Mail.ru</option> <option value="https://www.yahoo.com/">Yahoo.com</option> <option value="http://webo4ka.ru/">Webo4ka.ru</option> </select> </form> <script> function _go() { location.href=document.getElementById('address').options[document.getElementById('address').selectedIndex].value; } </script>
Все. Можете писать, что это фигня и надо было выложить что получше, так вот, мне все равно, я хоть что-нибудь да выкладываю и скоро отправлю стилизацию выпадающего списка