javascript - ターゲットとのドロップダウン メニュー リンク?

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

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

Answer 3

これを試して

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