- ベストアンサー
ドロップダウンリスト表示について
- ドロップダウンリスト表示についての質問です。
- サンプルソースのドロップダウンリストをカスタマイズしたい場合、HTML＆CSSのみで実現する方法を教えてください。
- ドロップダウンリストの表示を指定の都道府県までに制限し、スクロールバーで後の都道府県を表示させたいです。アドバイスをお願いします。
- Deep-Forest
- お礼率80% (89/111)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
無理でしょう。 そのまえに、ソースにかかれていませんが、HTML4.01では、selectは、form要素内でないと存在できません。 CSSのプロパティに、select要素のsize属性を変えるものがありません。 ある要素にポインターが乗った(hover)とき、もしくはフォーカスされた(focus)ときに、スタイルシートでsizeを変更できないということです。 javascriptを使って、HTMLソースを書き直すことになるでしょう。 optgroupを使ったほうがよいのではないかと・・ <select> <option lavel="北海道">北海道</option> <optgroup lavel="東北地方"> <option lavel="青森" value="aomori">青森県</opion> <option lavel="秋田" value="akita">秋田県</option> <option lavel="岩手" value="iwate">岩手県</option> valueはデフォルトで、<optipn></option>の内容を送信するので、同じものなら書く必要はないはず、valueは受信側の負荷を減らすためascii文字のほうがよいかと・・表示させる文字はlabelで指定したほうがスマートかも・・
その他の回答 (2)
- hrt_shu
- ベストアンサー率42% (27/64)
こちらを参考にしてみては？ http://q.hatena.ne.jp/touch/1104197465
お礼
ご回答頂きありがとうございます。 ご紹介されたサイトを閲覧してみましたが ちょっと今の自分の知識では・・・（涙）
- Frozen_
- ベストアンサー率51% (268/520)
おはようございます。 全く簡単ですよ。セレクトタグにサイズを指定すればOKです。 <select name="prefecture" size="10">
お礼
早速のご回答有難う御座います。 サイズ指定ですと初期表示から既に10件が表示されてしまいます。 あくまで最初の表示はボックス内に 北海道 一県のみとし、この状態からボックス右側の下矢印を クリックした時に10県を表示させたいのですが・・・ 説明不足で申し訳ございません・・・
お礼
有難う御座います。 完全解決には至りませんでしたが、optgroup の使用で 結構スッキリさせる事が出来ました。