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>

感谢你的帮助

Answer 1

1）级联变量像这样的改变功能onchange='getval(this,"+i+","+j+");'，如果你没有做这样的意思是它认为是字符串，所以你必须来串联变量。

$(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>