• ベストアンサー

プルダウンのグループ化で、ラベル項目は選択不可？

・プルダウンで、選択肢を下記のようにグループ化したいのですが、 HTMLの仕様として、ラベル（項目名）を選択することは出来ないのでしょうか？(回避策はあるでしょうか？) ・例 …「ご宿泊」、「お食事とご入浴」、「ご入浴のみ」 ▽<optgroup>－HTML5タグリファレンス 　 http://www.htmq.com/html5/optgroup.shtml

  • re999
  • お礼率61% (476/777)
  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

<OPTGROUP label="PortMaster 2"> は単に<option>をグループ化するための要素ですから、name、valueを持ちえませんからできません。もしそうなら <select name="course"> <option selected>▼旅行コースを選択してください</option> <option value="lunch">食事</option> <optgroup label="お食事とご入浴"> <option value="lunch01">【日帰り】和食・温泉コース</option> <option value="lunch02">【日帰り】洋食・温泉コース</option> <option value="lunch03">【日帰り】食べ放題・温泉コース</option> </optgroup> <optgroup label="ご入浴のみ"> <option value="spa01">【日帰り】温泉Ａコース</option> <option value="spa02">【日帰り】温泉Ｂコース</option> <option value="spa03">【日帰り】名湯めぐりコース</option> </optgroup> </select> で良いのでは？ 　グループ化する意味がないのですから、単独で<option>にすればよいのでは?

re999
質問者

お礼

回答ありがとうございました。 ＞単に<option>をグループ化するための要素ですから、name、valueを持ちえませんからできません ＞単独で<option>にすればよいのでは? そうですね。その線で、もう少し検討してみたいと思います

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • selectの選択不可など

    いつもお世話になっております。 ちょっと悩んでいるのですが、プルダウンで特定の項目だけ選択不可にする事は可能でしょうか？ HTMLだけで実現したいのですがうまくいきません。過去ログを見ましたがjavascriptは使用したくないのです。 なにか方法はございますでしょうか？ また、とりあえず下記のソースで行っているのですが、(やりたいことは果物・野菜を選択不可にしたい) label部分がbold斜体になってしまってなんだか汚いのです。 この部分のスタイルを調整するにはどうすればいいのでしょうか？どこにやっても果物・野菜のスタイルが変わりません。 <select size="10" name="a[]" muliple> <optgroup label="果物"> <option>りんご</option> <option>みかん</option> </optgroup> <optgroup label="野菜"> <option>キャベツ</option> <option>きゅうり</option> </optgroup> </select> ご存知の方がいらっしゃいましたらおおしえいただければ幸いです。

    • ベストアンサー
    • HTML
  • プルダウン連動とリンク

    選択項目により連動するプルダウンを利用し、各々のページにリンクさせようと思っているのですが、上手くいきません。 一つ目のプルダウンで項目を選択⇒二つ目のプルダウンに項目が表示される⇒選択するとリンクする。 プルダウンはこちらのソースを利用しています。 http://d.hatena.ne.jp/Mars/20071109 連動リンクはこちらを参考にしました。 http://air.rulez.jp/shop/java/jt_pulldown.htm 現在のソースは下記のようになっています。 プルダウンの連動とリンク、それぞれ単体での動作確認は出来たのですが、組み合わせると上手くいきません。 最初のプルダウンで「YYY」を選択し、連動して次のプルダウンに表示される「yahooかgoogle」を選択したらURL先にリンクしたいのですが。 現在はプルダウンは連動はされるものの、2つめのプルダウンで項目を選択しても何も起こらない状態です。 ----------------------------------------------------------------- <script type="text/javascript" src="ConnectedSelect.js"></script> <form> <select id="SEL1"> <option value="XXX">XXX</option> <option value="YYY">YYY</option> </select> <select id="SEL2" onChange="top.location.href=value"> <optgroup label="XXX"> <option value="x1">x1</option> <option value="x2">x2</option> </optgroup> <optgroup label="YYY"> <option value="http://www.yahoo.co.jp/">yahoo</option> <option value="https://www.google.co.jp/">google</option> </optgroup> </select> </form> <script type="text/javascript"> ConnectedSelect(['SEL1','SEL2','SEL3']); </script> --------------------------------------------------------------- これはどのように修正すればリンクされるようになるでしょうか？ また別の方法があればそちらでも構いません。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

  • プルダウンリストとテキストエリアの連動

    どう調べてもわからないので教えてください。 HTML上で動作するツールを作成しています。 最終的に、あるテンプレートをテキストエリアに表示させたいと考えています。 そのために、項目をいくつかプルダウンで選択し進んでいくというものです。 プルダウンリストは、選択したリストにより連動し、選択肢が変わるように したいのです。 項目別にプルダウンは5つ、5つ目はない場合もあります。 【手順】 (1)プルダウン（１）選択 ↓ (2)プルダウン（2）選択 ↓ (3)プルダウン（3）選択 ↓ (4)プルダウン（4）選択 ↓ (5)プルダウン（5）選択　←選択肢がない場合あり ↓ テキストエリアに該当の文言が表示 ちょっと複雑なのですが、よろしくお願いいたします。

  • <HTML>タグについて

    初心者です。 今、<HTML DIR=LTR>で始めてるのですが、ファイアフォックスでは赤文字になってしまいます。 いつも、http://www.htmq.com/html/html.shtmlのサイトを参考にしているのですが、 <HTML>タグの中には何を入れればいいのでしょうか？

    • ベストアンサー
    • HTML
  • プルダウンかリストボックス

    携帯のブログの項目で プルダウン か リストボックス を設置したいのですが、どうもうまくいきません。 リストは作れても選択ボタンがうまく作れなかったり、 選択しても移動しなかったりしてしまいます。 HTMLの方式で書いているのですが、何度も考えてやっているのですが、結局リンクに飛ばなかったりしてしまいます。 どなたか教えてください。

  • 【HTML5】selectにrequierd

    HTML5でformのグループ化されたselectを必須にしたいと思い、 下記のようにrequiredを記述しました。 <select name="sample[]" required> <option value="">--</option> <optgroup label="カテゴリA"> <option value="1">選択肢１</option> <option value="2">選択肢２</option> </optgroup> <optgroup label="カテゴリB"> <option value="3">選択肢３</option> </optgroup> </select> そうすると、選択肢１を選択していても「必須項目です」と表示され、フォームが送信できません。 valueの値が1だと選択済として扱われないのでしょうか。 optgroupをなくすと選択肢１を選択した状態で送信できました。 valueの値は1で送信したいのですが、可能でしょうか。

  • cssはpタグの中にかけるのか。

    http://www.htmq.com/css/overflow.shtml 上記サイトを見ていると、overflowプロパティをHTMLのｐタグの中に書き込んでいますが、こういう書き方って実際に可能なのでしょうか。

    • 締切済み
    • CSS
  • 自動プルダウン

    ブラウザはNetScapeで、下記を実現したいと思っております。 ブラウザ上のある部分にカーソルをもって行くと、 横あるいは下に（周辺に）いくつか項目が現れて（プルダウンのような！）、その項目の中から一つを選択すると（クリックすると）次画面へ遷移する。 因みに、カーソルを外すと、その項目の小窓（ウィンドウ）は消える。 このようなことが、HTML上でJavaScriptを使用して、できるのでしょうか？

  • プルダウンメニューの項目を削除

    教えてください。 vbscriptで、HTMLのプルダウンメニュー（コンボボックス）に追加した項目を削除するにはどうすればいいでしょうか？ やりたい事は、下記の"年齢"を選択すると、名前一覧が表示されるようにしたいです。追加の仕方はわかるのですが、逆に削除の仕方がわかりません。 <form> <select name="年齢" onchange="vbscript:test()"></select> <select name="なまえ"></select> </form> <script language="vbscript"> Sub test() 'ここに記述 End Sub </script> よろしくお願いします。

  • 複数プルダウンメニューのカスタマイズ

    HTMLと、FUTOMIさんのメールフォームソフトを使用してお問い合わせフォームを作成しています。 いくつか入力項目があり、そのなかの 希望1、希望2という項目で景品の第一希望と第二希望の商品を選択してもらおうと思っています。 どちらもプルダウンメニューから選択してもらう形式にしたいです。 私が作成したものでは、希望1で「商品A」を選択した状態で 次の希望2の項目に移行した際にも「商品A」は選択出来てしまいます。。 これを、希望1で「商品A」を選択した場合は、希望2に移行した際 「商品A」は選べないというようにすることは可能でしょうか？？ （つまり2つのプルダウンメニューから同一商品は選択できないというようにしたいのです） どなたか、お知恵を拝借できませんでしょうか。 よろしくお願い致します！！

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する