質問編集履歴
2
お願いしたい注意点を追加いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,13 +10,22 @@
|
|
|
10
10
|
例えば下記コードだと、最初にページを閲覧した際は「北海道エリア」のみ表示されており、
|
|
11
11
|
大阪を選択する事で「北海道エリア」は消え、「大阪エリア」が表示されるようにしたいです。
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
■お願いしたい注意点
|
|
14
|
-
selectエリアの要素は出力された情報を利用するため、
|
|
16
|
+
selectエリアの要素はシステムで自動で出力された情報を利用するため、
|
|
15
17
|
HTML記述側の変更はしたくありません。
|
|
16
18
|
よって、<option>最初の一個目だけ何かhtml側の記述を変更する等の対応をしたくないです。
|
|
17
|
-
お手数おかけしますが、jQuery側の記述の変更で対応できるコードの改修があれば教えて頂けたらと思います。
|
|
18
19
|
|
|
20
|
+
また、必ず北海道になる訳ではありません。
|
|
21
|
+
要素の文字を取得で判断ではなく、読み込み時はoptionの一個目がセレクトされた状態で、
|
|
22
|
+
<li class="area">一個目のエリア</li>
|
|
23
|
+
が表示されている状態にしたいです。
|
|
19
24
|
|
|
25
|
+
|
|
26
|
+
要望が多くお手数おかけしますが、jQuery側の記述の変更で対応できるコードの改修があれば教えて頂けたらと思います。
|
|
27
|
+
|
|
28
|
+
|
|
20
29
|
■HTML
|
|
21
30
|
|
|
22
31
|
```ここに言語を入力
|
1
css追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -38,7 +38,15 @@
|
|
|
38
38
|
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
+
■css
|
|
42
|
+
```ここに言語を入力
|
|
43
|
+
li .hide {
|
|
44
|
+
/* 表示の切り替えに使用する */
|
|
45
|
+
display: none;
|
|
46
|
+
}
|
|
47
|
+
```
|
|
41
48
|
|
|
49
|
+
|
|
42
50
|
■jQuery
|
|
43
51
|
|
|
44
52
|
```ここに言語を入力
|