Why is my current code not opening a new page?

Question

0.00/5 (No votes)

See more:

Here is my current code:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
<body>
    <div>
        <h1>Here are some additional Icing Recipes</h1>

        <select name='courses' multiple="multiple" size='2' onchange="location = this.value;">
            <option value="">Select an option</option>
            <option value="" disabled selected></option>
            <option value="" disabled selected></option>
            <font color='#ffffff'>
            <option value="https://www.twosisterscrafting.com/baileys-irish-cream-buttercream-frosting/" target="_blank">The Best Baileys Irish Cream Buttercream Frosting</option>
        </select>
    </div>
</body>
</html>

The above code is part of a dropdown so Tags don't work.

The above code does run but does not open a new page. Since I am a self-taught beginner, I am not certain what is wrong.

What I have tried:

I have 2x checked my code & since I am a beginner I am not certain what is wrong.

Posted 22-Mar-23 2:26am

Francis_M

Updated 22-Mar-23 7:35am

Dave Kreskowiak

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mike Hankey · Answer 1 · 2023-03-22T02:44:00

Solution 1

Use an a tag instead;

HTML

<a href="https://www.twosisterscrafting.com/baileys-irish-cream-buttercream-frosting/" target="_blank">The Best Baileys Irish Cream Buttercream Frosting</a>

Posted 22-Mar-23 2:44am

Mike Hankey

Chris Copeland · Answer 2 · 2023-03-22T03:33:00

A <select> element cannot just natively open a window upon an option selection, you have to use a <a> element to do that. Otherwise, you need to resort to using Javascript to manage this for you. You can combine Javascript with special attributes called data attributes[^] which allow us to store additional data against any element.

Here's an example JSFiddle with what you might need[^]

In the Javascript we get the select element, we register a change listener, and then when the event triggers we get the URL from the selected option (from the data-url attribute) and open the new window/tab.