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

質問編集履歴

1

内容の修正

2018/09/17 09:12

投稿

newyee
newyee

スコア213

title CHANGED
File without changes
body CHANGED
@@ -23,5 +23,24 @@
23
23
  </html>
24
24
  ```
25
25
  ```javascript
26
-
26
+ document.addEventListener('DOMContentLoaded', function() {
27
+ var getSelectValue = function(name) {
28
+ var result = [];
29
+ var opts = document.getElementById(name).options;
30
+ console.log(opts);
31
+ for(var i = 0, len = opts.length; i < len; i++) {
32
+ var opt = opts.item(i);
33
+ if (opt.selected) {
34
+ result.push(opt.value);
35
+ }
36
+ }
37
+ return result;
38
+ };
39
+
40
+ document.getElementById('btn').addEventListener('click', function() {
41
+ window.alert(getSelectValue('food'));
42
+ }, false);
43
+ }, false);
27
- ```
44
+ ```
45
+ 上記コードの「 var opts = document.getElementById(name).options;」の部分で、.optionsとしているのですが、これを取り除いた場合でも、.optionsとした場合と同じように動作します。何か2つの場合において、違いやメリット、デメリットなどがありましたら、教えてください。
46
+ お願いいたします。