teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

画像の追加

2021/06/27 00:04

投稿

entaro12345
entaro12345

スコア77

title CHANGED
File without changes
body CHANGED
@@ -16,6 +16,9 @@
16
16
   selNm2を変更したらselNm1をselectedIndex=0 としたいです
17
17
   ※selNm3,4についても同様になります
18
18
 
19
+ 2021.06.27 追記②
20
+ ![実際の画像(Firefox)](f8f8093a7af6b9480cb7b1ab2e7b5512.png)
21
+
19
22
  ### 該当のソースコード
20
23
 
21
24
  ```HTML

2

仕様説明の追記

2021/06/27 00:04

投稿

entaro12345
entaro12345

スコア77

title CHANGED
File without changes
body CHANGED
@@ -7,6 +7,15 @@
7
7
  ※selectedIndexのセットは動作している?ようですが表示が変わらないです。
8
8
   →変更した対象のプルダウンをクリックするとカーソルは最上部(index=0)にフォーカスしています。
9
9
 
10
+ 2021.06.27 追記
11
+ 仕様説明が不足しておりましたので、追記いたします。
12
+ <li>タグで分けている2つのselectがグループとなります。
13
+ 片方を変更したらもう片方を初期化したいです。
14
+ 例)
15
+  selNm1を変更したらselNm2をselectedIndex=0
16
+  selNm2を変更したらselNm1をselectedIndex=0 としたいです
17
+  ※selNm3,4についても同様になります
18
+
10
19
  ### 該当のソースコード
11
20
 
12
21
  ```HTML

1

optionのついき

2021/06/26 23:10

投稿

entaro12345
entaro12345

スコア77

title CHANGED
File without changes
body CHANGED
@@ -15,17 +15,25 @@
15
15
  <li class="select"><h3>テスト①</h3>
16
16
  <select id="sel1" name="selNm1" onChange="resetSelect('0')">
17
17
  <option value="0">選択して下さい</option>
18
+ <option value="1">佐藤</option>
19
+ <option value="2">田中</option>
18
20
  </select>
19
21
  <select id="sel2" name="selNm2" onChange="resetSelect('1')">
20
22
  <option value="0">選択して下さい</option>
23
+ <option value="1">さとう</option>
24
+ <option value="2">たなか</option>
21
25
  </select>
22
26
  </li>
23
27
  <li class="select"><h3>テスト②</h3>
24
28
  <select id="sel3" name="selNm3" onChange="resetSelect('2')">
25
29
  <option value="0">選択して下さい</option>
30
+ <option value="1">SATOU</option>
31
+ <option value="2">TANAKA</option>
26
32
  </select>
27
33
  <select id="sel4" name="selNm4" onChange="resetSelect('3')">
28
34
  <option value="0">選択して下さい</option>
35
+ <option value="1">satou</option>
36
+ <option value="2">tanaka</option>
29
37
  </select>
30
38
  </li>
31
39
  </ul>