最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - drop down menu: open links in new tab + "Go" link - Stack Overflow

programmeradmin2浏览0评论

I want to have a drop down menu and

  • open selected items in a new tab
  • include external links as selection options

How should I change the following code to make it work as described above?

<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>

Thank you!

I want to have a drop down menu and

  • open selected items in a new tab
  • include external links as selection options

How should I change the following code to make it work as described above?

<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>

Thank you!

Share Improve this question edited Jan 22, 2012 at 16:16 j08691 208k32 gold badges269 silver badges280 bronze badges asked Jan 22, 2012 at 14:17 webmaniacgrwebmaniacgr 7032 gold badges11 silver badges17 bronze badges 9
  • please also see a previous Q&A: stackoverflow./questions/8960981/… – webmaniacgr Commented Jan 22, 2012 at 14:18
  • one question : what you mean by include external links as selection options What exactly you mean to say?? again you are not clear... – Fahim Parkar Commented Jan 22, 2012 at 15:33
  • better explain by example.... – Fahim Parkar Commented Jan 22, 2012 at 15:34
  • I want users to select an option from the drop down menu, then click on "Go" and get a new tab opened in their browser, displaying their selection choice. I want the links to be external, meaning leading to a different website/page than the one where the dd menu is. – webmaniacgr Commented Jan 22, 2012 at 15:38
  • Now it clears what you want... One more question :)... When I select Option A and click Go, I can print "Option A" in new tab, BUT question es here... do you want to print Option A in OptionA.html, Option B in OptionB.html and so on.... else you are OK with all options printed in OptionA.html? means whenever I select Any option, click Go, it will get printed in ONE html file (e.g. in OptionA.html).... Let me know if you are not clear with my question – Fahim Parkar Commented Jan 22, 2012 at 15:43
 |  Show 4 more ments

2 Answers 2

Reset to default 2

Check this code

<html>
    <body>
        <form name="blah_blah">
            <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
                <option value="" selected>Select Site</option>
                <option value="http://www.yahoo.">Yahoo!!!</option>
                <option value="http://www.gmail.">Gmail</option>
                <option value="http://www.google.co.in">Google</option>
                <option value="http://www.facebook.">Facebook</option>
            </select>
            <input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
        </form>
    </body>
</html>

Hope this is what you need...

Try this:

HTML:

<form name="blah_blah">
   <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
      <option value="first_option_name" selected>option display name</option>
      <option value="external link 1">1st link name</option>
      <option value="external link 2">2nd link name</option>
   </select>
   <input type="button" name="Submit" id="Submit" value="Go!">
</form>

jQuery:

$(document).ready(function(){
   var Link = $('#ddmenu_name').val();
   $('#Submit').click(function() {
      window.open(Link,'_blank');
   });
});
发布评论

评论列表(0)

  1. 暂无评论