HTML 選択タグにリンクを追加する 3 つの方法

最初のもの：

コードをコピー

コードは次のとおりです。

<html>
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" />
<title>リンクの追加を選択</title>
</head>
<本文>
<スクリプト言語=javascript>

</スクリプト>
<Select onchange=mbar(this) name="select">
<オプションを選択>=== パートナー===</オプション>
<OPTION value="http://www.baidu.com">百度</OPTION>
<OPTION value="http://www.163.com">ネットイース</OPTION>
<OPTION value="http://www.flash8.net/">フラッシュバー</OPTION>
</選択>
</本文>
</html>

2番目のタイプ:

コードをコピー

コードは次のとおりです。

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >
<OPTION value="http://www.baidu.com">百度</OPTION>
<OPTION value="http://www.163.com">ネットイース</OPTION>
</選択>

ジャンプボタン付きの3番目:

コードをコピー

コードは次のとおりです。

<html><head>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" />
<title>選択ボタンジャンプ</title>
<script type="text/javascript">
関数 setsubmit()
{
(mylink.value == 0)の場合
ウィンドウの場所='http://www.baidu.com';
(mylink.value == 1)の場合
ウィンドウの場所='http://www.163.com';
(mylink.value == 2)の場合
ウィンドウの場所='http://www.sina.com';
}
</スクリプト>
</head>
<本文>
<名前="mylink" id="mylink">を選択
<OPTION value="0">百度</OPTION>
<OPTION value="1">ネットイース</OPTION>
<OPTION value="2">シナ</OPTION>
</選択>
<input type="button" id="btn" value="送信" onclick="setsubmit(this)" />
</本文>
</html>

<<: css3 flexレイアウト justify-content:space-between 最後の行は左揃えになります

>>: Vue3はフロントエンドのログを出力するためにaxiosインターセプターを使用する