複数のテキストボックスがあり、その値を配列で取得したいと思っています。
以下の様に書いてみたところ、Uncaught TypeError: input_areas[i].val is not a function
というエラーが出てしまいます。
どこがおかしいのかが分かりません。
ご指導お願いいたします。
なお、テキストボックスの数は3つです。
↓誤記がありましたので、修正しました。htmlも追加しました。
console.log()
すると、input_areas
は取得できていますが、inputs
は取得できません。
html
1<div> 2 <input type="text" value=${date[0]} style="width:50px">/ 3 <input type="text" value=${date[1]} style="width:25px">/ 4 <input type="text" value=${date[2]} style="width:25px"> 5 <br> 6 <input class = 'ok' type="button" value="OK"> 7 <input class = 'esc' type="button" value="esc"> 8</div>
okボタンのイベントとして↓
javascript
1 input_areas = $(event.target).siblings("input[type='text']"); 2 console.log(input_areas); 3 var inputs=[]; 4 for(var i =0; i<3;i++){ 5 inputs.push(input_areas[i].val()); 6 } 7 console.log(inputs);
追記:自分の中で、上記の方法で動かない理由が理解できていないため、その点のご指摘をいただけると嬉しいです。
回答3件
あなたの回答
tips
プレビュー