Javascript 与目标的下拉菜单链接?
我如何使用这个:Javascript 与目标的下拉菜单链接?,javascript,select,hyperlink,Javascript,Select,Hyperlink,我如何使用这个: <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://ww
<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>
ESPN
有线电视新闻网
基础知识
哥伦比亚广播公司
狐狸
var urlmenu=document.getElementById('menu1');
urlmenu.onchange=函数(){
window.open(this.options[this.selectedIndex].value);
};
并在iframe name=“viewbox”中打开这些链接
多谢各位 试试这个
<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>
var urlmenu=document.getElementById('menu1');
urlmenu.onchange=函数(){
var iframe=document.getElementById('iframe_id');
iframe.src=this.options[this.selectedIndex].value;
};
试试这个
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>
iframe在同一页中?是的。另外,我没有使用任何submit按钮,因此在选择下拉列表中选择该选项时,它需要加载该按钮
<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);
});