Javascript：没有拿起我的“src”答案

【问题标题】：Javascript: Not picking up my "src"Javascript：没有拿起我的“src”
【发布时间】：2014-06-02 19:40:01
【问题描述】：

<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");
    }

我想知道为什么它没有选择所选的选项。例如，如果选择了网页二，为什么它不选择选择的网站并将来源更改为网站二设置的任何内容？

【问题讨论】：

标签： javascript html var

【解决方案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;
    }

【讨论】：

【解决方案2】：

尝试：

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

【讨论】：

你是绝对的神！