javascript - HTML 选择附加选项

Question

我正在使用下面的代码将 blockquote 转换为 select 元素的选项。

请帮助使每个选项正确。谢谢。

["Yes ↵No", "one ↵two ↵three ↵four", "person 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>