前提・実現したいこと
jspとjavascriptに関する質問をさせて頂きます。
同じ名前のセレクトボックスがある場合、選択した結果をjavascript側で配列のように受け取るにはどうしたら良いのでしょうか?
別の名前のセレクトボックスを使用すればいい話なのですが、ボタンを押すと同じ名前のセレクトボックスが増えていく、という方式をとっているため中々上手くいきません。
どなたかお知恵をお貸し頂けますと幸いです……。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
[jsp] <form name="test"> <select name="test_select"> <option value="1">テスト1</option> <option value="2">テスト2</option> <option value="99">テスト3</option> </select> <select name="test_select"> <option value="1">テスト1</option> <option value="2">テスト2</option> <option value="99">テスト3</option> </select> </form> <button type="button" id="add-claim">交通費追加</button> [javascript] document.getElementById("add-claim").onclick = function() { for (var i = 0; i < e1.length; i++) { //セレクトボックスの個数分ループします var test_value = document.forms['test'].getElementsByTagName('select')[i].value; alert(test_value); ver test_text = document.forms['test'].getElementsByTagName('select')[i].text; alert(test_value); } }
試したこと
色々調べてみて、このような方法を使うのかなと思ったのですが取得される値がデタラメで、テキストに関しては値が表示されません。
[javascript]
var test_value = document.forms['test'].getElementsByTagName('select')[i].value;
ver test_text = document.forms['test'].getElementsByTagName('select')[i].text;
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。