Как при выборе select и нажатии на кнопку перейти на нужную ссылку?

Question

[Макс Darkleviathan]

Как при помощи вот такой формы , и выборе елемента перейти на нужную ссылку?

<form>

    <select>

      <option>Soccer</option>

      <option>Cricket</option>

      <option>Basketball</option>

      <option>Hockey</option>

      <option>Tennis</option>

    </select>

    <input type="submit" value="Submit">

</form>

Answer 1

[Максим Тимофеев]

Добавить action к form

Comments

[Макс Darkleviathan]

Как присвоить к каждому option свою ссылку?

[Максим Тимофеев]

Макс Darkleviathan, что?

Answer 2

[KazeZlat]

Смотря на ссылки какого вида вы хотите переходить. Можно назначить каждому <option> свой value, а <select> назначить name, тогда при отправке формы текущая страница будет перезагружаться с GET-параметром: ?name=option_value

Если хотите переходить по ссылкам без GET-параметров (так называемая "статика") - нужно писать свой обработчик отправки формы или просто сделать ссылки (<a>) в виде выпадающего списка.

Comments

[Макс Darkleviathan]

Если с Get тогда выводить так?

var value = [ {
  title: 'Soccer',
  link: 'https://www.test1'
}, {
  title: 'Cricket',
  link: 'https://www.test2'
}, {
  title: 'Basketball',
  link: 'https://www.test3'
}];

где title имя value.

[KazeZlat]

Макс Darkleviathan, если без GET-параметров, и вы хотите переходить по ссылкам, то вообще непонятно, зачем вам форма. Просто сделайте выпадающий список ссылок, к примеру, как в дропдаунах бутстрапа.

Answer 3

[Мариана Марианова]

https://ru.stackoverflow.com/questions/58738/%D0%A... в конце