質問編集履歴
3
文章を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
セレクトボックスで選択中の項目のvalueを取得し、特定の文字列（'kuro'）が含まれていた場合はその文字列を削除して、変数（animal）に格納するようにしています。
|
|
1
|
+
セレクトボックスで選択中の項目のvalueを取得し、特定の文字列（'kuro'）が含まれていた場合はその文字列を削除して、変数（`animal`）に格納するようにしています。
|
|
2
2
|
|
|
3
3
|
一応思ったような処理にはなっていて、その後の処理も問題なく動くのですが、
|
|
4
|
-
ページがロードされた初期状態（セレクタが「選んでください」の状態）では
|
|
5
|
-
|
|
4
|
+
ページのロード時に表題のようにエラーが返されてしまいます。
|
|
6
5
|
|
|
7
6
|
「選んでください」のvalueに適当な値を入れてみた場合でもエラーは変わりませんでした。
|
|
8
7
|
|
|
9
8
|
`.change()`はセレクタボックスの中身が変更されたときに実行されるかと思うのですが、
|
|
10
|
-
ページがロードされたときにindexOfがnullだというエラーが返されるのはなぜでしょうか。
|
|
9
|
+
ページがロードされたときに`indexOf`が`null`だというエラーが返されるのはなぜでしょうか。
|
|
11
10
|
|
|
12
11
|
また、エラーが出ないようにするにはどのようにすればよいでしょうか。
|
|
13
12
|
お手数ですがご教示いただけますと幸いです。
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -30,7 +30,18 @@
|
|
|
30
30
|
} else {
|
|
31
31
|
console.log('kuroはないよ');
|
|
32
32
|
}
|
|
33
|
-
//
|
|
33
|
+
// animalを使った処理
|
|
34
34
|
});
|
|
35
35
|
|
|
36
|
+
```
|
|
37
|
+
---
|
|
38
|
+
### 追記です
|
|
39
|
+
|
|
40
|
+
ちなみにifの部分がない状態ではエラーは出ません。
|
|
41
|
+
```jQuery
|
|
42
|
+
$('.parent').change(function() {
|
|
43
|
+
var animal= $(this).val();
|
|
44
|
+
|
|
45
|
+
// animalを使った処理
|
|
46
|
+
});
|
|
36
47
|
```
|
1
文章の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
セレクトボックスで選択中の項目のvalueを取得し、特定の文字列（'kuro'）が含まれていた場合はその文字列を削除して、変数（animal）に格納するようにしています。
|
|
2
2
|
|
|
3
3
|
一応思ったような処理にはなっていて、その後の処理も問題なく動くのですが、
|
|
4
|
-
ページがロードされた初期状態（セレクタが「
|
|
4
|
+
ページがロードされた初期状態（セレクタが「選んでください」の状態）では
|
|
5
5
|
valueが空のため表題のようにエラーが返されてしまいます。
|
|
6
6
|
|
|
7
|
+
「選んでください」のvalueに適当な値を入れてみた場合でもエラーは変わりませんでした。
|
|
8
|
+
|
|
7
9
|
`.change()`はセレクタボックスの中身が変更されたときに実行されるかと思うのですが、
|
|
8
10
|
ページがロードされたときにindexOfがnullだというエラーが返されるのはなぜでしょうか。
|
|
9
11
|
|
|
@@ -12,7 +14,7 @@
|
|
|
12
14
|
|
|
13
15
|
```html
|
|
14
16
|
<select id="hoge" class="parent">
|
|
15
|
-
<option value="" selected="selected" disabled="">
|
|
17
|
+
<option value="" selected="selected" disabled="">選んでください</option>
|
|
16
18
|
<option value="inukuro">いぬ黒</option>
|
|
17
19
|
<option value="inu">いぬ</option>
|
|
18
20
|
<option value="neko">ねこ</option>
|