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

我想知道为什么它没有拿起所选的选项。例如，如果选择了网页2，为什么它不选择所选网站并将源更改为网站2设置为什么？

Answer 1

尝试：

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

Answer 2

你有一个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;
    }

Javascript：没有拿起我的“src”

2 个答案: