Раскрывающаяся форма, при нажатии на элемент, перейдите по ссылке, не нажимая кнопку отправки

Question

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

<select name="mydropdown" class="styled" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://www.cats.com">Select Your Compliance Center</option>
<option value="http://www.funcats.com">Fresh Milk</option>
<option value="http://cutecats.com">Old Cheese</option>
<option value="http://lolcats.com">Hot Bread</option>
</select>

но, похоже, не работает.

Любая помощь будет принята с благодарностью.

Answer 1

Используйте это:

<select name="mydropdown" class="styled" onChange="document.location = this.value" value="GO">
        <option value="http://www.cats.com">Select Your Compliance Center</option>
        <option value="http://cutecats.com">Old Cheese</option>
        <option value="http://lolcats.com">Hot Bread</option>
</select>

Answer 2

Более или менее совпадает с другим ответом, но этот проходит через форму.

<form name="linkForm" method="POST" action="" id="form">
  <select name="mydropdown" class="styled" onchange="document.getElementById('form').setAttribute('action', this.value); document.linkForm.submit(); ">
    <option value="http://www.cats.com">Select Your Compliance Center</option>
    <option value="http://www.funcats.com">Fresh Milk</option>
    <option value="http://cutecats.com">Old Cheese</option>
    <option value="http://lolcats.com">Hot Bread</option>
  </select>
</form>