CODEWITHSUNDEEP
javascriptselecthyperlink
user2070685
user2070685

Reputation: 79

Drop-down menu links with Target?

How can I use this:

<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>

and have those links open in an iframe name="viewbox" ?

Thank you much!

Upvotes: 0

Views: 357

Answers (3)

Sridhar R
Sridhar R

Reputation: 20418

Try this

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>

Script

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

Upvotes: 0

Logan Black
Logan Black

Reputation: 567

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

Upvotes: 0

Anand Shah
Anand Shah

Reputation: 633

try this

<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>

Upvotes: 1

Related Questions