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

質問編集履歴

5

修正

2021/10/23 06:54

投稿

KKsall
KKsall

スコア25

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,7 @@
3
3
  正常に動作する場合はselectで選択を行うと select 要素で change イベントが発生したときにdisabled = falseにならないといけません。
4
4
  途中まで制作中のサンプル
5
5
  ※こちらも一つのselectしか取れません
6
+ ※.getElementsByClassName、 document.querySelectorAllにすると動作しなくなります
6
7
  ```ここに言語を入力
7
8
 
8
9
  <label for="fruit">選択してください</label>
@@ -22,7 +23,7 @@
22
23
  </select>
23
24
  ```
24
25
  ```ここに言語を入力
25
- let fruitSelect = document.querySelectorAll('.fruit');
26
+ let fruitSelect = document.querySelector('.fruit');
26
27
  fruitSelect.addEventListener('change', valueChange);
27
28
 
28
29
  function valueChange(){

4

誤字

2021/10/23 06:54

投稿

KKsall
KKsall

スコア25

title CHANGED
File without changes
body CHANGED
@@ -22,7 +22,7 @@
22
22
  </select>
23
23
  ```
24
24
  ```ここに言語を入力
25
- let fruitSelect = document.querySelector('.fruit');
25
+ let fruitSelect = document.querySelectorAll('.fruit');
26
26
  fruitSelect.addEventListener('change', valueChange);
27
27
 
28
28
  function valueChange(){

3

誤字

2021/10/23 06:51

投稿

KKsall
KKsall

スコア25

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  jsでフォームに何か入力があればdisabledが解除されるjsを作っているのですが、selectボックスを選択した場合が取れません。
2
2
 
3
- 正常に動作動作する場合はselectで選択を行うと select 要素で change イベントが発生したときにdisabled = falseにならないといけません。
3
+ 正常に動作する場合はselectで選択を行うと select 要素で change イベントが発生したときにdisabled = falseにならないといけません。
4
4
  途中まで制作中のサンプル
5
5
  ※こちらも一つのselectしか取れません
6
6
  ```ここに言語を入力

2

修正

2021/10/23 06:49

投稿

KKsall
KKsall

スコア25

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,8 @@
1
1
  jsでフォームに何か入力があればdisabledが解除されるjsを作っているのですが、selectボックスを選択した場合が取れません。
2
+
2
3
  正常に動作動作する場合はselectで選択を行うと select 要素で change イベントが発生したときにdisabled = falseにならないといけません。
3
4
  途中まで制作中のサンプル
4
- ※こちらもselectが複数場合ができません
5
+ ※こちらも一つselectしか取れません
5
6
  ```ここに言語を入力
6
7
 
7
8
  <label for="fruit">選択してください</label>

1

修正

2021/10/23 06:47

投稿

KKsall
KKsall

スコア25

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,44 @@
1
1
  jsでフォームに何か入力があればdisabledが解除されるjsを作っているのですが、selectボックスを選択した場合が取れません。
2
+ 正常に動作動作する場合はselectで選択を行うと select 要素で change イベントが発生したときにdisabled = falseにならないといけません。
3
+ 途中まで制作中のサンプル
4
+ ※こちらもselectが複数の場合ができません
5
+ ```ここに言語を入力
2
6
 
7
+ <label for="fruit">選択してください</label>
8
+ <select class="fruit">
9
+ <option value="orange">Orange</option>
10
+ <option value="lemon">Lemon</option>
11
+ <option value="strawberry">Strawberry</option>
12
+ <option value="app">app</option>
13
+ </select>
14
+
15
+
16
+ <label for="fruit">選択してください</label>
17
+ <select class="fruit">
18
+ <option value="oranges">Oranges</option>
19
+ <option value="lemons">Lemons</option>
20
+ <option value="strawberrys">Strawberrys</option>
21
+ </select>
22
+ ```
3
23
  ```ここに言語を入力
24
+ let fruitSelect = document.querySelector('.fruit');
25
+ fruitSelect.addEventListener('change', valueChange);
26
+
27
+ function valueChange(){
28
+ let selectOptions = fruitSelect.selectedOptions;
29
+ console.log('新しく ' + fruitSelect.value + ' を選択しました');
30
+ for (let i = 0 ; i < selectOptions.length ; i++){
31
+ //console.log(selectOptions[i].value);
32
+ button.disabled = false;
33
+ button.classList.remove('js-button');
34
+ }
35
+ }
36
+ ```
37
+
38
+
39
+
40
+
41
+ ```ここに言語を入力
4
42
  <div class="col-9">
5
43
  <input type="text" class="form-control" id="inputtext5" placeholder="">
6
44
  </div>