現在ある書籍でJavaScriptの勉強をしています
そこに書かれているコードを書いて実行し、セレクトボックスをタップするとアプリが落ちます
開発環境は
iPad Air4
使用アプリ「JavaScript Anywhere」
です
書いたコードは
HTML
1コード<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width" /> 6 <title>セレクトボックスの値を入力する</title> 7 <link rel="stylesheet" href="style.css" /> 8</head> 9<body> 10 <h1>セレクトボックスの値を取得する</h1> 11 <from> 12 <div> 13 <label for="food">好きな食べ物は?:</label> 14 <select id="food" multiple> 15 <option value="sushi">sushi</option> 16 <option value="karaage">karaage</option> 17 <option value="tenpura">tenpura</option> 18 </select> 19 <input type="button" id="btn" value="submit"> 20 </div> 21 </from> 22 <script src="script.js"></script> 23</body> 24</html>
JavaScript
1var getSelectValue = function(name){ 2 var result = []; 3 var opts = document.getElementById(name).options; 4 5 for(var i = 0, j = opts.length; i < j; i++){ 6 var opt = opts.item(i); 7 8 if(opt.selected){ 9 result.push(opt.value); 10 } 11 } 12 return result; 13}; 14 15document.getElementById("btn"),addEventListener("click", function(){ 16 alert(getSelectValue("food")); 17});
になります
どこかおかしい部分はありますでしょうか?
ご教授お願いします
あなたの回答
tips
プレビュー