Uncaught TypeError: Cannot read property 'selectedIndex' of undefined とエラーが出ました。
<form class="form-horizontal" method="post" action="#"> <div class="form-group-lg"> <label for="sex">性別</label> <select class="form-control sex" name="sex"> <option value="">--</option> <option value="male">男性</option> <option value="female">女性</option> </select> </div> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> function showSex() { var num = document.forms[0].sex.selectedIndex; var sex = document.forms[0].sex.options[num].value; console.log(sex); } document.addEventListener("DOMContentLoaded", showSex); for (var i = 0, e = document.querySelectorAll(".form-horizontal select"); i < e.length; i++) { e[i].addEventListener("change", showSex); } </script>
とコードを書いてドリルダウンを実行したら上記のようなエラーが出ました。
https://itsakura.com/js-selectbox や https://teratail.com/questions/102935 を参考に同じように作ったので、なぜこれでエラーが出るのかわかりません。
なぜエラーが出てしまうのでしょうか?またどう直せば良いのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/12/02 06:56