<select> whith link options

Developer
Stathis Nikolaidis
Size
1,811 Kb
Views
36,432
  1. <select> whith link options Previews
  2. <select> whith link options HTML Codes
  3. <select> whith link options CSS Codes
  4. <select> whith link options JS Codes

How do I make an <select> whith link options?

What is a <select> whith link options? How do you make a <select> whith link options? This script and codes were developed by Stathis Nikolaidis on 30 August 2022, Tuesday.

<select> whith link options Previews
IQ Test

<select> whith link options - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title><select> whith link options</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Easiest way -->
<select onchange="window.location=this.value"> <option>Choose your site</option> <option value="http://www.wikipedia.org">Wikipedia</option> <option value="http://www.stathis-nikolaidis.com">My Site</option> <option value="http://www.bing.com">Bing</option>
</select>
<!-- Alternative way -->
<select id="choice"> <option value="">Choose your site</option> <option value="http://www.wikipedia.org">Wikipedia</option> <option value="http://www.stathis-nikolaidis.com">My Site</option> <option value="http://www.bing.com">Bing</option>
</select> <script src="js/index.js"></script>
</body>
</html>

<select> whith link options - Script Codes CSS Codes

body{ margin:30px auto; width:800px; text-align:center;
}

<select> whith link options - Script Codes JS Codes

// Javascript for the Alternative way
document.getElementById("choice").onchange = function() { if (this.selectedIndex!==0) { window.location.href = this.value; }
};
<select> whith link options - Script Codes
<select> whith link options - Script Codes
Home Page Home
Developer Stathis Nikolaidis
Username stathisnikolaidis
Uploaded August 30, 2022
Rating 3
Size 1,811 Kb
Views 36,432
Do you need developer help for <select> whith link options?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Stathis Nikolaidis (stathisnikolaidis) Script Codes
Name
Matrix
Right Sidebar List
CSS Pseudo-Elements
CSS3 Simple Moving Background
CSS3 8bit Cristiano Ronaldo
Simple CSS3 Social Icons
CSS3 Bottle Lifts Up on Hover
CSS3 Change Text Selection Colour
CSS3 Rising Sun
CSS3 Rounded Corners
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!