3 ways to add links to HTML select tags

3 ways to add links to HTML select tags
The first one :

Copy code
The code is as follows:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select add link</title>
</head>
<body>
<SCRIPT language=javascript>
<!--
// open the related site windows
function mbar(sobj) {
var docurl =sobj.options[sobj.selectedIndex].value;
if (docurl != "") {
open(docurl,'_blank');
sobj.selectedIndex=0;
sobj.blur();
}
}
//-->
</SCRIPT>
<Select onchange=mbar(this) name="select">
<OPTION selected>=== Partners===</OPTION>
<OPTION value="http://www.baidu.com">Baidu</OPTION>
<OPTION value="http://www.163.com">NetEase</OPTION>
<OPTION value="http://www.flash8.net/">Flash Bar</OPTION>
</Select>
</body>
</html>

Second type :

Copy code
The code is as follows:

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >
<OPTION value="http://www.baidu.com">Baidu</OPTION>
<OPTION value="http://www.163.com">NetEase</OPTION>
</select>

The third one with jump button :

Copy code
The code is as follows:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>select-button jump</title>
<script type="text/javascript">
function setsubmit()
{
if (mylink.value == 0)
window.location='http://www.baidu.com';
if (mylink.value == 1)
window.location='http://www.163.com';
if (mylink.value == 2)
window.location='http://www.sina.com';
}
</script>
</head>
<body>
<select name="mylink" id="mylink">
<OPTION value="0">Baidu</OPTION>
<OPTION value="1">NetEase</OPTION>
<OPTION value="2">Sina</OPTION>
</select>
<input type="button" id="btn" value="Submit" onclick="setsubmit(this)" />
</body>
</html>

<<:  css3 flex layout justify-content:space-between the last line is aligned to the left

>>:  Vue3 uses axios interceptor to print front-end logs

Recommend

How to recover data after accidentally deleting ibdata files in mysql5.7.33

Table of contents 1. Scenario description: 2. Cas...

CSS3 realizes the website product display effect diagram

This article introduces the effect of website pro...

How to use Linux tr command

01. Command Overview The tr command can replace, ...

Building the User Experience

<br />Maybe you've just come into a comp...

HTML symbol to entity algorithm challenge

challenge: Converts the characters &, <, &...

Basic knowledge points of mysql worm replication

Worms replicate, as the name implies, by themselv...

Detailed explanation of the use of docker tag and docker push

Docker tag detailed explanation The use of the do...

Detailed deployment steps for MySQL MHA high availability configuration and failover

Table of contents 1. Introduction to MHA 1. What ...

Tutorial on using $attrs and $listeners in Vue

Table of contents introduce Example Summarize int...

Solve the problem of shrinking Mysql transaction log and log files being too large to shrink

1. MS SQL SERVER 2005 --1. Clear the log exec(...

Three methods to modify the hostname of Centos7

Method 1: hostnamectl modification Step 1 Check t...

Centos7.4 server installation of apache and solutions to problems encountered during the installation process

This article describes how to install Apache on a...

MySQL query learning basic query operations

Preface MySQL is the most popular relational data...

Detailed explanation of common methods of Vue development

Table of contents $nextTick() $forceUpdate() $set...

HTML Basics: HTML Content Details

Let's start with the body: When viewing a web ...