Как сформировать адрес ссылки через js?

Question

[das_pupkin]

Добрый вечер!

Есть вот такой код

<script>
var value = $('toyLink').val()
buy.onclick = function() {
document.location.href='https://site.ru/'+value;
return false;
  };
</script>

однако при его срабатывании адрес получается как https://site.ru/undefined.
Помогите разобраться, как правильно это сделать.
В параметре value передается значение из селекта с id=toyLink

Answer 1

[y0u]

var value = $('#toyLink').val()

Comments

[das_pupkin]

Сделано, но теперь значение с id="toyLink" он вообще не видит.
Вот код селекта

<div style="width:250px; margin-left:20px; margin-bottom:10px;">Выберите: <br />
<select autocomplete="off" id="toyLink">
<option selected="selected" value="/url1/">Первый выбор</option>
<option value="/url2/">Второй выбор</option></select>
</div>

[y0u]

das_pupkin, https://jsfiddle.net/y0u/jhgfwtne/

[das_pupkin]

y0u, спасибо! С этим разобрался, но почему-то он не учитывает второе возможное значение.
Например, я выбрал сразу второе значение, но при клике он подставляет первое.
И только если я вернусь назад в браузере и снова кликну на кнопку, то он подставит второе значение.

[y0u]

das_pupkin, потому что в вашем примере вы берете первое значение при загрузке страницы, а должны брать каждый раз новое в момент клика. Посмотрите на мой пример.

[das_pupkin]

y0u, понял, переменную не там беру. Спасибо!

Answer 2

[Владимир Проскурин]

Так не бывает
$('toyLink')
Селектор неправильный, таким селектором вы ищите тег toyLink, а вам нужно либо по классу .toyLink либо по id #toyLink

Comments

[das_pupkin]

С этим разобрался, но почему-то он не учитывает второе возможное значение.
Код селекта:

<div>Выберите <br />
<select autocomplete="off" style="width:100%; font-size:16px; height:40px;" id="toyLink">
<option value="/url1/">Радужный</option>
<option value="/url2/">Фиолетовый</option></select>
</div>

То есть если я вернусь на страницу и выберу 2 элемент селекта снова, при клике он отправит меня на нужную страницу.

Answer 3

[Даниил Кириллов]

Попробуйте с пробелами, ибо + value означает присоединение, а +value унарный плюс с переменной value

document.location.href='https://site.ru/'+value;