質問編集履歴

1

二つ目のセレクトボックスの一つ目の選択肢を「なし」に変更しました。

2022/05/24 08:01

投稿

k-nirvana-69
k-nirvana-69

スコア10

test CHANGED
File without changes
test CHANGED
@@ -15,13 +15,18 @@
15
15
  <option value="grass">くさ</option>
16
16
  </select>
17
17
  <select name="defence2">
18
+ <option value="none">なし</option>
18
19
  <option value="fire">ほのお</option>
19
20
  <option value="water">みず</option>
20
21
  <option value="grass">くさ</option>
21
22
  </select>
22
23
  </form>
24
+
25
+ <script>
26
+
23
- <script></script>
27
+ </script>
24
28
  </body>
29
+ </html>
25
30
  ```
26
31
 
27
32
  上のコードのように二つのセレクトボックスがあり、例えば一つ目のセレクトボックスでほのおを選んだとしたら、二つ目のセレクトボックスからは同じほのおの選択肢を削除し、またその状態から一つ目のセレクトボックスでみずを選んだら、二つ目のセレクトボックスからはみずを削除し、削除されていたほのおを再び追加するというふうに、二つのセレクトボックスの選択肢が重複しないようにしたいです。これらをJavaScriptを使って実装したいです。