javascript - 与 Target 的下拉菜单链接？

Question

我该如何使用它：

<select name="menu1">
<option value="http://www.espn.com">ESPN</option>
<option value="http://www.cnn.com">CNN</option>
<option value="http://www.abcnews.com">ABC</option>
<option value="http://www.cbsnews.com">CBS</option>
<option value="http://www.foxnews.com">FOX</option>
</select>

<script type="text/javascript">
var urlmenu = document.getElementById( 'menu1' );
urlmenu.onchange = function() {
window.open(  this.options[ this.selectedIndex ].value );
};
</script>

并在 iframe name="viewbox" 中打开这些链接？

非常感谢！

Answer 1

尝试这个

<script type="text/javascript">
    var urlmenu = document.getElementById( 'menu1' );
    urlmenu.onchange = function() {
    var iframe = document.getElementById( 'iframe_id' );
    iframe.src = this.options[ this.selectedIndex ].value ;
    };
 </script>

Answer 2

尝试这个

HTML

<select id="my_slect">
<option value="http://www.espn.com">ESPN</option>
<option value="http://www.cnn.com">CNN</option>
<option value="http://www.abcnews.com">ABC</option>
<option value="http://www.cbsnews.com">CBS</option>
<option value="http://www.foxnews.com">FOX</option>
</select>
<iframe id="ifr"></iframe>

脚本

$('#my_select').change(function() {
var url = $('#my_select :selected').val();
     $('#ifr').attr('src', url); 
    });

Answer 3

var el = document.getElementById("viewbox");
el.setAttribute('src', this.options[this.selectedIndex].value);