回答編集履歴

3

onClickでなくonChangeに

2020/08/23 03:55

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ```html
2
2
 
3
- <select name="categoryWomen" onclick="optionSelected(this.value)">
3
+ <select name="categoryWomen" onchange="optionSelected(this.value)">
4
4
 
5
5
  ```
6
6
 
@@ -9,6 +9,12 @@
9
9
  などとしてイベント処理関数にselectのvalueを引き渡すようにし、
10
10
 
11
11
  ifでもなんでも条件分岐を入れればいいのではないかと。
12
+
13
+ onchangeはinputやselectやtextareaに使える、
14
+
15
+ 要素のvalueが変更になったときに発生するイベントです。
16
+
17
+ 参考:[JavaScript イベント一覧 【HTMLリファレンス】](https://web-designer.cman.jp/javascript_ref/event_list/)
12
18
 
13
19
 
14
20
 

2

見直し

2020/08/23 03:55

投稿

退会済みユーザー
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- ちなみに、特定のoptionを選択できなくするには
15
+ ちなみに、本件の主旨とずれるかもしれませんが、特定のoptionを**選択できなくする**には
16
16
 
17
17
  ```html
18
18
 

1

加筆修正

2020/08/23 03:41

投稿

退会済みユーザー
test CHANGED
@@ -9,3 +9,19 @@
9
9
  などとしてイベント処理関数にselectのvalueを引き渡すようにし、
10
10
 
11
11
  ifでもなんでも条件分岐を入れればいいのではないかと。
12
+
13
+
14
+
15
+ ちなみに、特定のoptionを選択できなくするには
16
+
17
+ ```html
18
+
19
+ <option value="0" disabled>レディース</option>
20
+
21
+ ```
22
+
23
+ とすると表示はされても選択できなくなるとのこと。
24
+
25
+
26
+
27
+ 参考:[<OPTION>-HTMLタグリファレンス](http://www.htmq.com/html/option.shtml)