создание переменной со значением ниспадающего ввода ввода (javascript)

Question

Мне было трудно найти аналогичный вопрос для этого, и его, вероятно, простой, но просто ускользнул от моего ума.

У меня есть выпадающее меню, вы сделаете свой выбор и представить его, он переходит к 2ndpage.html? Место = locationName

Я пытаюсь создать переменную с значением «locationName «использовать в ссылке, которая будет использовать это значение в виде строки типа« www.locationName.com »,

Я попытался использовать что-то вроде var locationName = getElementById (" location "). value; и другие аналогичные способы, но переменная, похоже, продолжает оставаться неопределенной. И это, кажется, единственное, что мешает мне завершить мой проект, LOL.

Заранее спасибо.

Answer 1

Вы найдете значение и текст, обратившись к this.selectedIndex списка выбора. Используйте http: // для абсолютной ссылки на страницу.

<select id="locations"> 
    <option value="http://www.google.com">Location 1</option> 
    <option value="http://www.loogle.com" selected="selected">Location 2</option> 
    <option value="http://www.foogle.com">Location 3</option> 
</select> 

var e = document.getElementById("locations"); 
e.addEventListener('change', function(){ 
    var locationValue = this.options[this.selectedIndex].value;//www.loogle.com 
    var locationText = this.options[this.selectedIndex].text;//Location 2 
    window.location = locationValue; 
}); 

Answer 2

Попробуйте это:

<p>Location: </p> 
    <select id="location"> 
     <option value="location1">location 1</option> 
     <option value="location2">location 2</option> 
     <option value="location3">location 3</option> 
    </select> 
<script> 
var locationName = document.getElementById("location").value; 
</script> 

Или попробуйте это:

<p>Location: </p> 
    <select name="location"> 
     <option value="location1">location 1</option> 
     <option value="location2">location 2</option> 
     <option value="location3">location 3</option> 
    </select> 
<script> 
var locationName = document.getElementsByName("location")[0].value; 
</script>