質問編集履歴
1
ドロップダウンリストの画像を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,13 +8,21 @@
|
|
|
8
8
|
<option value="1">紙</option>
|
|
9
9
|
</select>
|
|
10
10
|
```
|
|
11
|
+
|
|
11
12
|
下記のようなJavaScriptをConsoleから実行したところ、
|
|
12
13
|
ドロップダウンリストの値が変更されず、困っています。
|
|
14
|
+
|
|
13
15
|
```javascript
|
|
14
16
|
document.querySelector("#sample").value = 1
|
|
15
17
|
document.querySelector("#sample").options[2].selected = true
|
|
16
18
|
```
|
|
19
|
+
|
|
20
|
+
※ドロップダウンリストの表示には、反映されておらず、
|
|
21
|
+
|
|
22
|
+
※クリックして表示すると、選択リスト上では選択されている。
|
|
23
|
+
|
|
24
|
+
|
|
17
|
-
念の為、下記にて、値が変更されているか確認したのですが、
|
|
25
|
+
念の為、下記コードにて、値が変更されているか確認したのですが、
|
|
18
26
|
値自体は変更されていました。
|
|
19
27
|
|
|
20
28
|
**selectedIndexで調べると値は変更されているが、
|
|
@@ -24,6 +32,9 @@
|
|
|
24
32
|
document.querySelector("#sample").selectedIndex
|
|
25
33
|
// => 2
|
|
26
34
|
```
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
27
38
|
値は変更されているから、そのまま「編集を完了する」ボタンを押して確定すれば、
|
|
28
39
|
問題ないのかなと思ったのですが、
|
|
29
40
|
内容が反映されていませんでした。
|