присвоить значение массива javascript динамически созданному тегу опций выбора

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>