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>