Pretty-Good-Prefecture-Selector

Spec

• Tab キーでフォーカスを移した際にもポップアップ

動作確認

• Ubuntu
  • Google Chrome
  • Firefox

TODO

• 改行が入る都道府県には行末に区切り文字「｜」を入れたくない
• 選択されたものがform 送信されることがわかるように submit 時にalert() で表示するようにする
• 都道府県が現れる様子をフェード効果を使ってスムーズな手触りにしたい
• モーダル化(現在は見た目だけのなんちゃって)

Refs

https://developer.mozilla.org/ja/docs/Web/HTML/Element/select https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Template_literals https://www.javadrive.jp/javascript/event/index10.hl https://www.javadrive.jp/javascript/event/index12.html https://monakaice88.hatenablog.com/entry/2017/02/23/082200

• datalist 要素を使う
  • http://jsfiddle.net/817gtvr6/1/
  • http://www.shurey.com/js/labo/combobox.html
• modal
  • https://tech-dig.jp/js-modal/
  • https://shogo-log.com/modal-javascript/
  • https://www.codexworld.com/cookie-consent-popup-with-javascript/

Similar

https://qiita.com/fakefurcoronet/items/8984bc078b2511f60cd7 https://kinocolog.com/pref_select/ https://mndangler.net/2014/08/japan-map_jquery_plugin/ https://shu-naka-blog.com/website/address/