質問編集履歴
1
二つ目のセレクトボックスの一つ目の選択肢を「なし」に変更しました。
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
|
-
<
|
27
|
+
</script>
|
24
28
|
</body>
|
29
|
+
</html>
|
25
30
|
```
|
26
31
|
|
27
32
|
上のコードのように二つのセレクトボックスがあり、例えば一つ目のセレクトボックスでほのおを選んだとしたら、二つ目のセレクトボックスからは同じほのおの選択肢を削除し、またその状態から一つ目のセレクトボックスでみずを選んだら、二つ目のセレクトボックスからはみずを削除し、削除されていたほのおを再び追加するというふうに、二つのセレクトボックスの選択肢が重複しないようにしたいです。これらをJavaScriptを使って実装したいです。
|