jquery - 選択ボックスがループ内にあるときに選択ボックスで変更機能を行う方法

Question

誰でも助けてください データベースに応じていくつかの行と列を持つテーブルを作成します。ここでは3行と列のみの例を示しました。フォームの入力と選択ボックスが含まれている列の場合、選択ボックスを使用すると、値を取得して配列に格納する必要があります。

次のコードを実行すると問題が発生します。あなたは、変数を連結する必要がありますので、これは文字列として考えるその意味のようにあなたがそれをしない場合

$(document).ready(function(){ 
 

 
var table = $('<table></table>').addClass('foo'); 
 
for(var i=0; i<3; i++){ 
 
    var row = $('<tr></tr>'); 
 
\t for(var j=0; j<3; j++){ 
 
    \t var col = $('<td></td>'); 
 
    \t row.append(col); 
 
     if(i==j) { 
 
     \t col.append("<input id='arr_tujuan"+ i +"_"+ j +"' value='x'>"); 
 
     } 
 
     if(i > j){ 
 
     \t col.append("<input id='arr_tujuan"+ i +"_"+ j +"'>"); 
 
     } 
 
     if(i < j) { 
 
     \t var selek = "<select id='arr_tujuan"+ i +"_"+ j +"' onchange='getval(this,i,j);'><option value=''>Pilih . .</option><option value='V'>V</option><option value='A'>A</option><option value='X'>X</option><option value='O'>O</option></select>"; 
 
     col.append(selek); 
 
     } \t 
 
    } 
 
    table.append(row); 
 
} 
 
$('#tablenya').append(table); 
 
    
 
}); 
 
function getval(sel,k,l) { 
 
    console.log('arr_tujuan'+k+'_'+l+' = '+sel); 
 
    //array push 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tablenya"> 
 
<form id="fm_tujuan"> 
 
</form> 
 
</div>

は、変更機能 onchange='getval(this,"+i+","+j+");'に、このようにあなたの助け

Answer 1

1）連結のための変数をお願いします。

$(document).ready(function(){ 
 
var i=0; 
 
var table = $('<table></table>').addClass('foo'); 
 
for(var i=0; i<3; i++){ 
 
    var row = $('<tr></tr>'); 
 
\t for(var j=0; j<3; j++){ 
 
    \t var col = $('<td></td>'); 
 
    \t row.append(col); 
 
     if(i==j) { 
 
     \t col.append("<input id='arr_tujuan"+ i +"_"+ j +"' value='x'>"); 
 
     } 
 
     if(i > j){ 
 
     \t col.append("<input id='arr_tujuan"+ i +"_"+ j +"'>"); 
 
     } 
 
     if(i < j) { 
 
     \t var selek = "<select id='arr_tujuan"+ i +"_"+ j +"' onchange='getval(this,"+i+","+j+");'><option value=''>Pilih . .</option><option value='V'>V</option><option value='A'>A</option><option value='X'>X</option><option value='O'>O</option></select>"; 
 
     col.append(selek); 
 
     } \t 
 
    } 
 
    table.append(row); 
 
} 
 
$('#tablenya').append(table); 
 
    
 
}); 
 
function getval(sel,k,l) { 
 
    console.log('arr_tujuan'+k+'_'+l+' = '+sel); 
 
    alert('arr_tujuan'+k+'_'+l); 
 
    alert('here you can do your array push '); 
 
    //array push 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tablenya"> 
 
<form id="fm_tujuan"> 
 
</form> 
 
</div>