##やりたいこと
複数のselectプルダウンとそれに対応するtextareaがある場合
・selectのイベントトリガー
・select選択値を取得し選択値をtextareaに出力する
selectプルダウンとtextareaの数は、必ず1:1であるが、その組合わせ数は動的に変わり、ページ内にいくつあるかは固定ではない
##やってみたこと
HTML
1<select class="sel[1] menus" data-for="t_return[1]" data-comment-type="3" data-oh="100"> 2<?php for ($i = 1; $i <= 20; $i++) { ?> 3<option value="<?php echo $i; ?>">First</option> 4</select> 5<!-- 他のHTML --> 6<textarea id="tmp[1]"> 7</textarea> 8 9<select class="sel[2] menus" data-for="t_return[2]" data-comment-type="3" data-oh="200"> 10<?php for ($i = 1; $i <= 20; $i++) { ?> 11<option value="<?php echo $i; ?>">Second</option> 12</select> 13<!-- 他のHTML --> 14<textarea id="tmp[2]"> 15</textarea> 16
js
1$(function() { 2$(".sel").change(function(value, text, $item) { 3var $menu = $('.menu'); 4var id = $menu.data('for'); 5var val = $(".sel").val(); 6var type = $menu.data('type'); 7var oh = $menu.data('oh'); 8var element = document.getElementById(id); 9element.val(val); 10}); 11});
回答3件
あなたの回答
tips
プレビュー