プルダウンにあ行、か行などと入れてそこにあわせるとさらに右にあ行のプルダウンが出るようにしたいのですがどのようにしたらいいのでしょうか?
<frome acton="xxx.cgi">
<div>
<select name="gyou">
<option value="agyou">あ行
<select name="moji">
<option value="a">あ
<option value="i">い
<option value="u">う
<option value="e">え
<option value="o">お
</select>
<option value="katyou">か行
</select>
</div>
一応考えてやっては見ましたができませんでしたので添削しながらでもやり方だけでもかまいませんので教えていただきたいです。
No.4ベストアンサー
- 回答日時:
#1です。
ご希望は了解しました。
#3のようにoptgroupを使って書くことで、ご希望のような動作をするブラウザもありました。(確か古いMac版IEだったか?)
やはりJavascriptやFlash等でそのような動作になるような仕掛けを施す必要があります。
ぴったりのものは知りませんが、「メニュー」(選んだページにジャンプする)
はよく見るので、そうしたものを改造するといいのかもしれません。
http://www.google.com/search?q=%E9%9A%8E%E5%B1%A …
No.3
- 回答日時:
optgroupで処理した方がわかりやすくないですか?
<frome acton="xxx.cgi">
<select name="gyou">
<optgroup label="あ行">
<option value="a">あ
<option value="i">い
<option value="u">う
<option value="e">え
<option value="o">お
</optgroup>
<optgroup label="か行">
<option value="ka">か
<option value="ki">き
<option value="ku">く
<option value="ke">け
<option value="ko">こ
</optgroup>
</select>
</form>
この回答への補足
そのラベルをプルダウンの内容として設定しそれらにポインタを合わせるとその内容がスタートメニューのすべてのプログラムみたいに階段形式に表示されるようにしたいのですができますか?
補足日時:2008/06/24 10:22No.2
- 回答日時:
こちらのサイトの動作と同じと考えてよろしいですか?
OKならば、
http://www.daito.ac.jp/~uriu/web/javascript/
で「セレクトメニューの連動」をダウンロードして、中身を確認
してみてください。
この回答への補足
説明がへたくそですいません。そのプルダウンを見たページが見つからなかったためまた分かりにくいかもしれませんが雰囲気はスタートメニューのすべてのプログラムに似ています。アクセサリやゲームなどがプルダウン大とするならば中にあるマインスイーパーやメモ帳などがプルダウン中でさらにユーザー補助を選択すると出てくるものをプルダウン小とするような感じです。プルダウンの中のプルダウンです。
何とかお分かりいただけましたでしょうか。
No.1
- 回答日時:
HTMLだけではできません。
(selectの入れ子はできません)Javascriptを使ったりします。
「連動 select」で検索するといろいろサンプルが見つかると思います。
例
http://d.hatena.ne.jp/Mars/20071109
この回答への補足
説明がへたくそですいません。そのプルダウンを見たページが見つからなかったためまた分かりにくいかもしれませんが雰囲気はスタートメニューのすべてのプログラムに似ています。アクセサリやゲームなどがプルダウン大とするならば中にあるマインスイーパーやメモ帳などがプルダウン中でさらにユーザー補助を選択すると出てくるものをプルダウン小とするような感じです。プルダウンの中のプルダウンです。
何とかお分かりいただけましたでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 1度きりではなく、繰り返し、挙動が変わるようにしていただきたいです。 1 2022/07/03 15:50
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
セレクトメニューで2つの項目...
-
フォームの「キャンセル」ボタ...
-
文字の横にプルダウンを表示さ...
-
html select optionが左寄せに...
-
SELECT OPTIONの中身をコピペ...
-
インライン要素内でテキストを...
-
<SELECT>タグの折り返し
-
セレクトボックス(サファリ)...
-
テーブル内でドロップダウンメ...
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
formで特定のinputを送信しない...
-
実行時エラー 3020の対策
-
どちのほうがすきですか?
-
実行中の変数の中身をイミディ...
-
検索機能
-
UWSC SLCTBOXもしくはSELECTに...
-
シェルスクリプトで、空白(ス...
-
【メモリ不足で落ちる(python)】
-
vscode 文字化け
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の横にプルダウンを表示さ...
-
セレクトメニューで2つの項目...
-
<SELECT>タグの折り返し
-
テーブル内でドロップダウンメ...
-
セレクトボックスのselected属...
-
セレクトボックスの「選択して...
-
同じものを繰り返し表示させる
-
セレクトメニューで選んだ値を...
-
SELECT OPTIONの中身をコピペ...
-
セレクトボックスである項目を...
-
複数列を持ったリストボックス...
-
プルダウンメニューのボタンの...
-
セレクトボックスから別窓にジ...
-
プルダウンで別項目に値を代入...
-
プルダウンリストの背景色の指定
-
[html]ラジオボタンを使った診...
-
フォームの「キャンセル」ボタ...
-
プルダウンメニューで中央表示
-
selectタグ内の特定のoptionの...
-
select boxとinput valuの連動
おすすめ情報