質問: 作成しているwebアプリで、ユーザーに都道府県名を選択してもらうページを作成しています。 アプリはDjango(Python)で作成しており、下記のHTMLを吐き出しています。 ``` 北海道 青森県 岩手県 宮城県 秋田県 ... ``` ここまではこれで良いのですが、データを修正してもらう場合の利便性のために、既に選択した都道府県名のoptionタグにselected属性がつくようにしました。 例えば、東京都を選択した人がデータを修正する場合、 ``` ... 東京都 ... ``` というHTMLが吐き出されるようにしました。 問題は、selectタグ内のoptionが、value順に並び替えられてしまうので、毎回北海道から順に見ていかなければならなくなってしまう点です。 セレクトボックスは、上から5つの都道府県が表示され、スクロールしなければその下の都道府県を見ることができません。 私としては、下記の2つのいずれかの実装ができればと考えています。 1optionは北海道から順に並べられるが、表示されている画面上、東京都がセレクトボックス上に表示されている。 ページを読み込んだ時のセレクトボックスが下記のようになっている。 ... (スクロールで表示される) 東京都 神奈川県 新潟県 富山県 石川県 ... (スクロールで表示される) または、 2東京都が先頭になって、その後、北海道から順に並べられる。 ページを読み込んだ時のセレクトボックスが下記のようになっている。 東京都 北海道 青森県 岩手県 宮城県 ... (スクロールで表示される) 理想を言えば、1の実装の方が望ましいのですが、難しければ2の実装をしたいです。 1は、jQueryでそのようなプラグインがないか調べてみたのですが、見つかりませんでした。 teratailのプロフィール編集画面でも、「東京都」を選択していれば、編集時にも「東京都」が表示されるようになっていますが、どのように実装されているのか、分かりませんでした。 2は、optionの並び方が、value順ではなく、selectedがついたものを先頭に並べる方法が見つかればいいのですが、分かりませんでした。 1でも2でもよいので、どのような方法で実装すればよいかお分かりの方、ご教示頂ければ幸いです。 よろしくお願いします。
回答: 書いておられる方法で選択されたものがスクロールせずに表示されますが、なにかこちらが勘違いをしていますか? (とりあえすWindows7 Firefox/Chromeで確認しました) **動くサンプル:**