Javascript: не поднимая мой "источник"

Question

<input class="textBox" id="userWebsite" type="text" />
<input type="button" id="button" value="Store" onclick="submit();"/> 

<!-- Storage START -->
<select id="webLinks">
  <option id="webPageOne">Web Page One</option>
  <option id="webPageTwo">http://www.example.com</option>
  <option id="webPageThree">http://www.example.com</option>
  <option id="webPageFour">http://www.example.com</option>
</select>
<input type="button" id="button" value="Goto" onclick="goto();"/> 
<!-- Storage END -->

<iframe src="http://www.freedom.tm/dashboard" id="iframe"></iframe>
<!-- Default Promotor END -->


<script>
    var userWebsite = document.getElementById('userWebsite');
    function submit() {
        document.getElementById("webPageOne").innerHTML = userWebsite.value;
    }

    var webPageOne = document.getElementById('webPageOne');

    function goto() {
        document.getElementById("iframe").src = document.getElementsByTagName("option");
    }
</script>

Хорошо, в настоящее время проблема является конечной частью

    function goto() {
        document.getElementById("iframe").src = document.getElementsByTagName("option");
    }

Мне было интересно, почему он не выбирает выбранный вариант. Например, если выбрана вторая веб-страница, почему она не выбирает выбранный веб-сайт и не меняет источник на какой-либо второй веб-сайт?

Answer 1

У вас ошибка js, отредактируйте следующую функцию

function goto() {
    document.getElementById("iframe").src = document.getElementsByTagName("option")[1].value;
}

или общий подход

 function goto() {
        document.getElementById("iframe").src = document.getElementById('webLinks').options[document.getElementById('webLinks').selectedIndex].text;
    }

Answer 2

Пытаться:

function goto() {
    document.getElementById("iframe").src = document.getElementById('webLinks').options[document.getElementById('webLinks').selectedIndex].text;
}