質問内容に不備があったため再度質問させて頂きます。
前回答えて下さった方には大変ご迷惑をおかけします。
非常に多くのものを奇麗に見せたいのでプルダウンメニューがいいと思い、作りました。
・Aリスト、Bリスト、Cリスト…とプルダウンメニュー(メニューを選ぶとアンカー先に飛ぶようにしたい)を複数含んだフォームを一つのhtmlに作ったのですが、動作しません。
一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。
とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。
今は、下記の状態になっています。
list.html
<script language="JavaScript">
<!--
function MENU(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// -->
</script>
<form name="myForm">
<select name="myMenu" onChange="MENU()">
<option value="">A</option>
<option value="list.html#a001">A001</option>
<option value="list.html#a002">A002</option>
<option value="list.html#a003">A003</option>
</select>
<select name="myMenu2" onChange="MENU()">
<option value="">B</option>
<option value="list.html#b001">A001</option>
<option value="list.html#b002">A002</option>
<option value="list.html#b003">A003</option>
</select>
</form>
<a id="a001" name="a001"></a>A001<br>
<a id="a001" name="a002"></a>A002<br>
<a id="a001" name="a003"></a>A003<br>
<a id="a001" name="b001"></a>B001<br>
<a id="a001" name="b002"></a>B002<br>
<a id="a001" name="b003"></a>B003<br>
あと、このように同じhtml内でのリンクになる場合は、optionのvalueのlist.htmlを省いてもいいのでしょうか?
当方、Javascriptに関してはコピペでしか使えない程度の知識の人間です。
ご指南の程宜しくお願いします。
No.1ベストアンサー
- 回答日時:
関数を以下に変更
function MENU(url){
if( url != "" ) document.location.href = url;
// valueが""のときリンクエラーを回避
}
それと<select>タグを
<select name="myMenu" onChange="MENU(this.options[this.selectedIndex].value);">
のようにしてください。
> あと、このように同じhtml内でのリンクになる場合は、optionのvalueのlist.htmlを省いてもいいのでしょうか?
IE6ですが省いても動作を確認。大丈夫かと。
ちなみに前回の質問を締め切ってください。
ありがとうございます!無事出来ました!
以前の回答そのまま出よかったんですね…当方が無知なため大変ご迷惑をおかけしました。
またvalueの文字を省いても大丈夫という事も教えて頂き大変感謝しております。
重ねて本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
フォームが空欄の時にフォーム...
-
Cookieに保存されない
-
ボタンを押したあとに画像を表...
-
二次元配列の全要素の全要素を...
-
初心者です。gulpでコンパイル...
-
HTMLタグに複数のクラスを設定...
-
フロントエンドフレームワーク...
-
sessionStorageを調べています。
-
jsで診断コンテンツのページ内...
-
メールフォームの日付入力フォ...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
var exports = exports || {}; ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
セレクトボックスの値による入...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
前ページのリンクからフォーム...
-
セレクトボックスを切り替える...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
リストボックス全選択について
-
jQuery if文の条件分岐 (。ノд...
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
switch文のswitch(n)の部分を複...
-
jQuery要素の絞り込み + <selec...
-
プルダウンを2つ以上並べる時に...
おすすめ情報