Почему JS SetOption не работает без HTML тега form?

Question

[Alexander Lashchevsky]

Здравствуйте!
JSFiddle у меня почему-то не работает, поэтому проблему объясню тут.
Есть скрипт, суть которого в том, что при нажатии на ссылку выбирается определённый option в selecte.
Скрипт:

function SetOption(selecter, val) {
	var option, zero = 0;
	while (option = selecter[zero++]) if (option.value == val) selecter.selectedIndex = zero - 1;
}

HTML:

<a href="#" onclick="SetOption(document.form_name.select_name,'val1');">Первый</a>
<a href="#" onclick="SetOption(document.form_name.select_name,'val2');">Второй</a>
<a href="#" onclick="SetOption(document.form_name.select_name,'val3');">Третий</a>
<a href="#" onclick="SetOption(document.form_name.select_name,'val4');">Четвёртый</a>

<form name="form_name">
    <select name="select_name">
    	<option value="val1">Первый</option>
    	<option value="val2">Второй</option>
    	<option value="val3">Третий</option>
    	<option value="val4">Четвёртый</option>
    </select>
</form>

Как видите, select находится внутри form, и путь в onclick построен соответствующим образом - document.form_name.select_name.
Вопрос: как сделать так, чтобы скрипт работал при отсутствии form?
Никакого form не должно быть. Удаление его из пути (т.е. вот так document.select_name) не помогает...

С уважением,
Александр.

Answer 1

[Юрий Лобанов]

Сделайте вот так, если уж пишете в тегах jquery
codepen.io/iiil/pen/Acvkq

Comments

[Евгений Петров]

$(document).on + e.target куда как кошерней и производительней, чем $('a') с траверсом.

+ Лучше бы элементы для клика вложить в контейнер, для которого и определить в data-атрибуте целевой элемент, а при клике брать это значение.

[Alexander Lashchevsky]

Спасибо! Потому и написал в тегах jQuery, чтобы получить помощь в такой реализации данного функционала.

[Alexander Lashchevsky]

А тогда такой ещё вопрос: как сделать, чтобы при нажатии ссылки происходило изменение сразу в двух selectах? Selectы с разными названиями и с разными otpion value... Будте добры, подскажите.

[podvzbzdnul]

@Lashchevsky передавайте в функцию SetOption массивы

[Юрий Лобанов]

@Lashchevsky если получили ответ, нужно отметить его решением, а не задавать новый вопрос. Тем не менее я помогу, если приведете разметку этих двух селектов. Задача не совсем ясна.

[Alexander Lashchevsky]

@iiil всегда отмечаю решением, просто просматривал с телефона, не успел ещё. :)
Вопрос я уточнил тут: Как сделать, чтобы при нажатии на ссылку выбирались нужные option value в selectах?
Спасибо!