Html select options appending

Question

Я использую приведенный ниже код, чтобы преобразовать blockquote в опции элемента select.

Пожалуйста, помогите сделать все правильно. Спасибо.

[ "Да ↵No", "один ↵two ↵three ↵four", "человек 1 ↵person 2"]

var newArr = [];   
for (var i = 0; i < arr.length; i++) { 
      var data = arr[i].split('\r\n'); 
      newArr.push(data);  
     } 

for (var j = 0; j < newArr.length; j++) { 
      $('#metadata-field').append('<select name=""></select>'); 
      if (newArr[j].length) { 
       for (var k = 0; k < newArr[j].length; k++) { 
        $('#metadata-field select').append('<option>' + newArr[j][k] + '</option>'); 
       } 
      } else { 
       alert('No data'); 
      } 
     } 

Answer 1

Попробуйте это: Вы должны разделить элемент массива с помощью ↵, а затем добавьте каждый элемент, используя только один цикл и не вложенный цикл. Смотрите ниже код -

var arr = ["Yes ↵No", "one ↵two ↵three ↵four", "person 1 ↵person 2"] 
 
    
 
for (var i = 0; i < arr.length; i++) { 
 
     var data = arr[i].split(' ↵'); 
 
    //create select box 
 
    var $select = $('<select id="' + i + '"></select>'); 
 
    $('#metadata-field').append($select); 
 
    for(var k=0;k<data.length;k++) 
 
     { 
 
     //append options in select box 
 
     $select.append('<option>' + data[k] + '</option>'); 
 
     } 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="metadata-field"></div>