使用javascript的iframe src的选择菜单

我发现了如何使用javascript来更改iframe src，但是当我创建了一个选择菜单，允许您选择要加载的url时，它只加载菜单中的第一个选项，即使您选择了不同的url。我让它工作过一次，但我做了一些改变，它不会让我一路回到undo。以下是我得到的：

1.
2.
3.
点击我
函数loadPages（）{
var loc=数据上限；
document.getElementById（'myFrame'）.setAttribute（'src'，loc）；
}
var dataCap=document.getElementById（“selected2”）.value；

问题是，当脚本执行时，您只在第一次获得值。要获取当前选定的值，您需要在单击

onclick

函数内的按钮时获取正确的值

1.
2.
3.
点击我
var urlSelect=document.getElementById（'selected2'），
myFrame=document.getElementById（'myFrame'）；
函数loadPages（）{
var loc=urlSelect.value；
//您还可以执行->myFrame.src=loc；
myFrame.setAttribute（'src'，loc）；
}

<iframe src="http://jquery.com/" id="myFrame" width="500" height="500" scrolling="no" frameborder="0"></iframe>
<div>
<select id="selected2">
    <option value="http://linux.com">1</option>
    <option value="http://microsoft.com">2</option>
    <option value="http://apple.com">3</option>
</select>
<button onclick="loadPages()">Click Me</button>
<script>
var urlSelect = document.getElementById('selected2'),
    myFrame = document.getElementById('myFrame');
function loadPages() {
    var loc = urlSelect.value;
    // You can also do -> myFrame.src = loc;
    myFrame.setAttribute('src', loc);
}
</script>