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

回答編集履歴

3

onClickでなくonChangeに

2020/08/23 03:55

投稿

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

2

見直し

2020/08/23 03:55

投稿

退会済みユーザー
answer CHANGED
@@ -5,7 +5,7 @@
5
5
  などとしてイベント処理関数にselectのvalueを引き渡すようにし、
6
6
  ifでもなんでも条件分岐を入れればいいのではないかと。
7
7
 
8
- ちなみに、特定のoptionを選択できなくするには
8
+ ちなみに、本件の主旨とずれるかもしれませんが、特定のoptionを**選択できなくする**には
9
9
  ```html
10
10
  <option value="0" disabled>レディース</option>
11
11
  ```

1

加筆修正

2020/08/23 03:41

投稿

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