いつもお世話になっております。
クリックした行の項目のプルダウンを選択した時にattrで
data属性に設定をさせた後に違う行から、もといた行で選んだ値をプルダウンの初期値として表示させたいです。
ちなみに、その時はdata属性にはgoogleのdebbugerで見る限り値は設定されています。
また、それを常に保持することは可能でしょうか?
下手な質問ではありますが、何卒、力をお貸しください。
よろしくお願いします。
jquery
1$(document) 2 .on('mouseover', '.cs-list0', function(){$(this).addClass('cs-fcol2');}) 3 .on('mouseout', '.cs-list0', function(){$(this).removeClass('cs-fcol2');}) 4 .on('click', '.cs-list0', function(){ 5 6 if($(this).hasClass('cs-selected') == false){ 7 8 $(".cs-list0").each(function(){$(this).removeClass('cs-selected');}); 9 10 $(this).removeClass('cs-fcol2'); 11 12 $(this).addClass('cs-selected'); 13 14 redraw(); 15 16 } 17 18}); 19 20function redraw(){ 21 $(".cs-list0").each(function(elem){ 22 elem = elem + 1; 23 24 var flg_selected = false; 25 if($(this).hasClass('cs-selected')){ 26 flg_selected = true; 27 } 28 29 if(flg_selected == true){ 30 var val1 = $('[name=m-a] option:selected').text(); 31 var val2 = $('[name=m-b] option:selected').text(); 32 33 $(this).html(temp_edit(initdata)); 34 35 // 入力規制(実数、整数) 36 $(".cs-real").inputRegexer('[\.0-9]'); 37 $(".cs-int").inputRegexer('[0-9]'); 38 $(".cs-time").inputRegexer('[\:0-9]'); 39 40 $(this).children(".list0-col1").attr('data-td', val1); 41 $(this).children(".list0-col2").attr('data-td', val2); 42 43 }else{ 44 45 $(this).html(temp_blank); 46 47 var val1 = $(this).children(".list0-col1").attr('data-td'); 48 var val2 = $(this).children(".list0-col2").attr('data-td'); 49 } 50 }); 51}
editがプルダウンが表示される編集画面
blankがeditの時にデータが選択されたときに表示するtemplateです。
まだ、不足な点がありましたら教えてください
html
1<script type="text/template" id="temp-edit"> 2 <% var i = 0;%> 3 <form> 4 <td class="list0-col1" data-td=""> 5 <select class="form-control input-sm" id="m-a" name="m-a"> 6 <option value=""></option> 7 <% for(var j=0; j < a.length; j++){ %> 8 <option value="<%- a[j] %>"><%- a[j] %></option> 9 <% } %></select> 10 </td> 11 </form> 12 <form> 13 <td class="list0-col2" data-td=""> 14 <select class="form-control input-sm" id="m-num" name="m-num"> 15 <% for(var l=0; l < b.length; l++){ %> 16 <option value="<%- b[l] %>"><%- b[l] %></option> 17 <% } %></select> 18 </td> 19 </form> 20</script> 21 22<script type="text/template" id="temp-b"> 23 <form> 24 <td class="list0-col2"> 25 <select class="form-control input-sm" id="m-b" name="m-b"> 26 <option value=""></option> 27 <% for(var l=0; l < b.length; l++){ %> 28 <option value="<%- b[l] %>"><%- b[l] %></option> 29 <% } %></select> 30 </td> 31 </form> 32</script> 33 34<script type="text/template" id="temp-blank"> 35 <td class="list0-col1" data-td=""></td> 36 <td class="list0-col2" data-td=""></td> 37</script>
あなたの回答
tips
プレビュー