將javascript數組值分配給動態創建的select選項標記

Question

我想要數組中的選項值。我嘗試使用下面的腳本，但它不附加數組值，而是將選項的值列爲arr [++ i]。但我想要在那個位置的數組的值。

<script> 
$(document).ready(function(){ 
var counter = 1; 
var arr = ['1', 'abc', '3', 'def', '4', 'ghi']; 
var row = '<tr> <td> <select name="roll_no' + counter + '" id="person' +  counter + '">'; 
for (var i = 0, len = arr.length; i < len; i++) {  
row += '<option value="arr[i]">arr[++i]</option></td></tr>'; 

</script> 

Answer 1

1. 你需要逃避你的字符串都arr[]正確
2. 在你的榜樣，你關閉td和tr在每一個循環，而不是隻在最後
3. 你沒有關閉select元件

var counter = 1; 
 
var arr = ['1', 'abc', '3', 'def', '4', 'ghi']; 
 
var row = '<tr><td><select name="roll_no' + counter + '" id="person' +  counter + '">'; 
 
for (var i = 0, len = arr.length; i < len; i++) {  
 
    row += '<option value="' + arr[i] + '">' + arr[++i] + '</option>'; 
 
} 
 
row += '</select></td></tr>'; 
 

 
$("table").append(row);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
</table>