質問編集履歴
3
内容修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
### 試したこと
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
以下のように「document.getElementById("num").value = "";」を使用して、num変数の中身を空にすると実現はできましたが、他に良いやり方があればご教示いただけると幸いです。
|
|
12
12
|
|
|
13
13
|
```js
|
|
14
14
|
function check() {
|
|
@@ -38,12 +38,11 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
checkset();
|
|
41
|
-
document.getElementById("num").
|
|
41
|
+
document.getElementById("num").value = "";
|
|
42
42
|
|
|
43
43
|
}
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
-
あと一歩のところで行き詰まってしまっております。。
|
|
47
46
|
分かる方いらっしゃいましたらお力添えを頂きたいです。
|
|
48
47
|
|
|
49
48
|
よろしくお願い致します。
|
2
内容修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
現状、テスト①〜⑤をselectタグにて5つ選択肢を用意し、「テスト②」と「テスト④」を選択されたら「hogehoge...」の文字とinputの入力フォームを表示し、その入力フォームに5文字を入力したらボタンを活性させるような実装しております。
|
|
4
4
|
|
|
5
5
|
そこで「テスト②」と「テスト④」を選択し、inputの入力フォームに5文字を入力した後、テスト①、③、⑤いずれかを再度選択。その後、テスト②、④を再度選択すると入力フォームに既に文字が入力された状態になっており、nextボタンが押下できない状況（一旦入力済みの文字を消して再度入力しないとボタンが活性化されない・・）となっております。
|
|
6
|
+
|
|
7
|
+
リセットボタンを用意せず、再選択されたら入力フォーム内をリセットしたいです。
|
|
8
|
+
|
|
9
|
+
### 試したこと
|
|
6
10
|
|
|
7
11
|
reset()メソッドを使用して、以下のようにセレクトボックスが発火するタイミングでリセットするようにしてみたのですが、「Uncaught TypeError : docment.getElementById(....).reset is not a function」というエラーが出ます。
|
|
8
12
|
|
1
試したことを追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,41 @@
|
|
|
3
3
|
現状、テスト①〜⑤をselectタグにて5つ選択肢を用意し、「テスト②」と「テスト④」を選択されたら「hogehoge...」の文字とinputの入力フォームを表示し、その入力フォームに5文字を入力したらボタンを活性させるような実装しております。
|
|
4
4
|
|
|
5
5
|
そこで「テスト②」と「テスト④」を選択し、inputの入力フォームに5文字を入力した後、テスト①、③、⑤いずれかを再度選択。その後、テスト②、④を再度選択すると入力フォームに既に文字が入力された状態になっており、nextボタンが押下できない状況（一旦入力済みの文字を消して再度入力しないとボタンが活性化されない・・）となっております。
|
|
6
|
+
|
|
7
|
+
reset()メソッドを使用して、以下のようにセレクトボックスが発火するタイミングでリセットするようにしてみたのですが、「Uncaught TypeError : docment.getElementById(....).reset is not a function」というエラーが出ます。
|
|
8
|
+
|
|
9
|
+
```js
|
|
10
|
+
function check() {
|
|
11
|
+
let c_test = document.getElementById("test").value;
|
|
12
|
+
let next = document.getElementById("next");
|
|
13
|
+
|
|
14
|
+
console.log(c_test);
|
|
15
|
+
|
|
16
|
+
if (document.getElementById("dis")) {
|
|
17
|
+
if (c_test == "1") {
|
|
18
|
+
document.getElementById("dis").style.display = "none";
|
|
19
|
+
} else if (c_test == "2") {
|
|
20
|
+
document.getElementById("dis").style.display = "";
|
|
21
|
+
} else if (c_test == "3") {
|
|
22
|
+
document.getElementById("dis").style.display = "none";
|
|
23
|
+
} else if (c_test == "4") {
|
|
24
|
+
document.getElementById("dis").style.display = "";
|
|
25
|
+
} else if (c_test == "5") {
|
|
26
|
+
document.getElementById("dis").style.display = "none";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
if (c_test === "2" || c_test === "4") {
|
|
31
|
+
checkon = false;
|
|
32
|
+
} else {
|
|
33
|
+
checkon = true;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
checkset();
|
|
37
|
+
document.getElementById("num").reset();
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
```
|
|
6
41
|
|
|
7
42
|
あと一歩のところで行き詰まってしまっております。。
|
|
8
43
|
分かる方いらっしゃいましたらお力添えを頂きたいです。
|