質問編集履歴
4
ソース修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
```
|
|
7
7
|
<input id="first_zip" type="text" name="１人目の郵便番号">
|
|
8
|
-
|
|
9
8
|
<select id="mode">
|
|
10
9
|
<option value="1">1人目と同じ</option>
|
|
11
10
|
<option value="1">直接入力</option>
|
|
@@ -16,16 +15,20 @@
|
|
|
16
15
|
selectのイベントは省きますが、次の様に処理を書くと値が代入されません。
|
|
17
16
|
|
|
18
17
|
```
|
|
18
|
+
let modeList = document.getElementById('mode');
|
|
19
|
+
|
|
20
|
+
modeList.addEventListener('change', function(e){
|
|
19
|
-
let sample = document.
|
|
21
|
+
let sample = document.getElementById('second_zip')
|
|
20
|
-
if(! sample.value) {
|
|
22
|
+
if(! sample.value) {
|
|
21
|
-
|
|
23
|
+
sample.value = document.getElementById('first_zip').value
|
|
22
|
-
}
|
|
24
|
+
}
|
|
25
|
+
});
|
|
23
26
|
```
|
|
24
27
|
|
|
25
28
|
下記の様に、直接要素を指定すれば代入されます。
|
|
26
29
|
```
|
|
27
|
-
if(! document.getElementbyId('
|
|
30
|
+
if(! document.getElementbyId('second_zip').value) {
|
|
28
|
-
document.getElementbyId('
|
|
31
|
+
document.getElementbyId('second_zip').value = document.getElementbyId('first_zip').value
|
|
29
32
|
}
|
|
30
33
|
```
|
|
31
34
|
|
3
サンプルコード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
selectのイベントは省きますが、次の様に処理を書くと値が代入されません。
|
|
17
17
|
|
|
18
18
|
```
|
|
19
|
-
let sample = document.getElementbyId('
|
|
19
|
+
let sample = document.getElementbyId('second_zip')
|
|
20
20
|
if(! sample.value) {
|
|
21
|
-
sample.value = '
|
|
21
|
+
sample.value = document.getElementbyId('first_zip').value
|
|
22
22
|
}
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
下記の様に、直接要素を指定すれば代入されます。
|
|
26
26
|
```
|
|
27
27
|
if(! document.getElementbyId('sample').value) {
|
|
28
|
-
document.getElementbyId('sample').value = '
|
|
28
|
+
document.getElementbyId('sample').value = document.getElementbyId('first_zip').value
|
|
29
29
|
}
|
|
30
30
|
```
|
|
31
31
|
|
2
目的追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
inputタグの値を自動入力するスクリプトを書きたいと思います。
|
|
2
2
|
|
|
3
|
-
例えば、下記の様な
|
|
3
|
+
例えば、下記の様なHTMLがあるとします。
|
|
4
|
+
同じ要素が複数ある場合、最初の要素で指定した要素を元にしたい場合です。
|
|
4
5
|
|
|
5
6
|
```
|
|
6
|
-
<input id="
|
|
7
|
+
<input id="first_zip" type="text" name="１人目の郵便番号">
|
|
8
|
+
|
|
9
|
+
<select id="mode">
|
|
10
|
+
<option value="1">1人目と同じ</option>
|
|
11
|
+
<option value="1">直接入力</option>
|
|
12
|
+
</select>
|
|
13
|
+
<input id="second_zip" type="text" name="２人目の郵便番号">
|
|
7
14
|
```
|
|
8
15
|
|
|
9
|
-
値が入っていなければ、代替テキストを代入したいのですが、
|
|
10
|
-
次の様に処理を書くと値が代入されません。
|
|
16
|
+
selectのイベントは省きますが、次の様に処理を書くと値が代入されません。
|
|
17
|
+
|
|
11
18
|
```
|
|
12
19
|
let sample = document.getElementbyId('sample')
|
|
13
20
|
if(! sample.value) {
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
値が入っていなければ、代替テキストを代入したいのですが、
|
|
10
10
|
次の様に処理を書くと値が代入されません。
|
|
11
11
|
```
|
|
12
|
-
let sample = document.
|
|
12
|
+
let sample = document.getElementbyId('sample')
|
|
13
13
|
if(! sample.value) {
|
|
14
14
|
sample.value = '値代入'
|
|
15
15
|
}
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
|
|
18
18
|
下記の様に、直接要素を指定すれば代入されます。
|
|
19
19
|
```
|
|
20
|
-
if(! document.
|
|
20
|
+
if(! document.getElementbyId('sample').value) {
|
|
21
|
-
document.
|
|
21
|
+
document.getElementbyId('sample').value = '値代入'
|
|
22
22
|
}
|
|
23
23
|
```
|
|
24
24
|
|