メモ。
誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。
-
コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。
特別記載が無いエントリー以外は、どう使うのも自由です。
自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。
もちろん、改変・配布とかも自由です。
ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。
大体こんな感じです。
<select name="都道府県"><option value="">都道府県をお選びください。</option><optgroup label="北海道・東北"><option value="北海道">北海道</option><option value="青森県">青森県</option><option value="秋田県">秋田県</option><option value="岩手県">岩手県</option><option value="山形県">山形県</option><option value="宮城県">宮城県</option><option value="福島県">福島県</option></optgroup><optgroup label="甲信越・北陸"><option value="山梨県">山梨県</option><option value="長野県">長野県</option><option value="新潟県">新潟県</option><option value="富山県">富山県</option><option value="石川県">石川県</option><option value="福井県">福井県</option></optgroup><optgroup label="関東"><option value="茨城県">茨城県</option><option value="栃木県">栃木県</option><option value="群馬県">群馬県</option><option value="埼玉県">埼玉県</option><option value="千葉県">千葉県</option><option value="東京都">東京都</option><option value="神奈川県">神奈川県</option></optgroup><optgroup label="東海"><option value="愛知県">愛知県</option><option value="静岡県">静岡県</option><option value="岐阜県">岐阜県</option><option value="三重県">三重県</option></optgroup><optgroup label="関西"><option value="大阪府">大阪府</option><option value="兵庫県">兵庫県</option><option value="京都府">京都府</option><option value="滋賀県">滋賀県</option><option value="奈良県">奈良県</option><option value="和歌山県">和歌山県</option></optgroup><optgroup label="中国"><option value="岡山県">岡山県</option><option value="広島県">広島県</option><option value="鳥取県">鳥取県</option><option value="島根県">島根県</option><option value="山口県">山口県</option></optgroup><optgroup label="四国"><option value="徳島県">徳島県</option><option value="香川県">香川県</option><option value="愛媛県">愛媛県</option><option value="高知県">高知県</option></optgroup><optgroup label="九州・沖縄"><option value="福岡県">福岡県</option><option value="佐賀県">佐賀県</option><option value="長崎県">長崎県</option><option value="熊本県">熊本県</option><option value="大分県">大分県</option><option value="宮崎県">宮崎県</option><option value="鹿児島県">鹿児島県</option><option value="沖縄県">沖縄県</option></optgroup></select>
実際には↓こんな感じになると思うっす。
<tr><th><label for="formLabel_tel">電話番号<img src="../img/item/icon_indispensable.gif" alt="必須" /></label></th><td><input name="電話番号" type="text" id="formLabel_tel" class="formTextArea ascii" size="40" value="" /></td></tr><tr><th><label for="formLabel_fax">FAX番号</label></th><td><input name="FAX番号" type="text" id="formLabel_fax" class="formTextArea ascii" size="40" value="" /></td></tr>
<tr><th><label for="formLabel_mail">メールアドレス<img src="../img/item/icon_indispensable.gif" alt="必須" /></label></th><td><input name="メールアドレス" type="text" id="formLabel_mail" class="formTextArea ascii" size="40" value="" /></td></tr>
都道府県選択するやつ。|CSS HappyLife にインスパイアされて。 実際の案件では、都道府県の内部コードは JIS X0402 もしくは ISO...続きを読む
都道府県選択するやつ。|CSS HappyLife 都道府県選択するやつ(JIS X0402・ISO 3166-2準拠版)にインスパイアさ...続きを読む
CSS Happylifeさんで「都道府県選択するやつ。」という記事がありましたが、小耳に挟んだところによると、結構なアクセスがあったそうで、僕のも晒しち...続きを読む
CSS HappyLifeさんで、紹介されていました そうなんです。これは意外と...続きを読む
はじめまして、通りすがりですが記事に関連して
自前プログラムの紹介です。
JQueryで、長い select をカスタマイズできます。
都道府県などに使うと便利ですよ。
こういうのって絶対必要なのに、なぜか公開されているサイトは少ないんですよね。
たぶん自由に使って良いのでしょうが、使用条件を書いて頂けると助かります。
bushimichiさんのコメントに便乗する形ですみません。。
セレクトボックスを拡張するプラグインあります。
本当に必要ならば自分で作りますからね。
一番最初に作るときだけ手間が省けるかどうか程度。
電話番号とメールアドレスには、
input の属性「style="ime-mode:disabled;"」を入れてあげると親切です。
rooth さん
「めあど」で変換すると自分のメールアドレスになるよう辞書登録している人もいます。「でんわ」で変換すると自分の電話番号が出るように辞書登録している人もいます。そういう人たちにとって、ime-mode:disabled は余計なお世話以外の何ものでもありません。
郵便番号を入力したら住所が自動入力されるやつのソースも教えていただきたいです!
それはjQueryでありますよ