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

回答編集履歴

2

表現の修正

2017/07/05 13:30

投稿

think49
think49

スコア18194

answer CHANGED
@@ -6,6 +6,7 @@
6
6
  - [.on('change') - JSFiddle](https://jsfiddle.net/tr4h80b3/1/)
7
7
 
8
8
  selectやoption要素が動的に生成されているなら、動的に生成される前に `.on()` しても動きません。
9
+ **.on() した時点でselect要素ノードが存在しない為にイベントを定義する事が出来ない**からです。
9
10
  対策は2つ。
10
11
 
11
12
  - 動的に生成された後に `.on()` する

1

表現の修正

2017/07/05 13:30

投稿

think49
think49

スコア18194

answer CHANGED
@@ -6,8 +6,13 @@
6
6
  - [.on('change') - JSFiddle](https://jsfiddle.net/tr4h80b3/1/)
7
7
 
8
8
  selectやoption要素が動的に生成されているなら、動的に生成される前に `.on()` しても動きません。
9
- 動的に生成された後に `.on()` するかバブリングする上位ノードで待ち受ける必要があります
9
+ 対策は2つ
10
10
 
11
+ - 動的に生成された後に `.on()` する
12
+ - バブリングする上位ノードで待ち受ける
13
+
14
+ サンプルコード。
15
+
11
16
  - [.on('change', '#ss1') - JSFiddle](https://jsfiddle.net/tr4h80b3/3/)
12
17
 
13
18
  Re: SugiuraY さん