在jQuery字符串中插入数组

Question

嗨，我有一个关于数组和string的问题

var fonts = ["<option>Arial</option>","<option>Arial Black</option>","<option>Calibri</option>","<option>Courier New</option>","<option>Comic Sans MS</option>","<option>Garamond</option>","<option>Georgia</option>","<option>Impact</option>","<option>Tahoma</option>","<option>Palatino</option>","<option>Times New Roman</option>","<option>Tahoma</option>","<option>Verdana</option>"];
function addselection(){ var string = "<select>fonts</select>";
 $('#id').append(string);}

我不知道它将如何工作..我只需要建议或回答谢谢

Answer 1

您有一个数组，因此您需要在此数组的所有位置上迭代并附加每个位置。最简单的方法是使用for循环，然后在每次迭代中，将选项附加，如下所示。

还有另一种方法可以做到这一点，就像您在其他答案中看到的那样，但我认为(我的意见(，对于居民(如果是(，这是最好的选择(

(

var fonts = ["<option>Arial</option>","<option>Arial Black</option>","<option>Calibri</option>","<option>Courier New</option>","<option>Comic Sans MS</option>","<option>Garamond</option>","<option>Georgia</option>","<option>Impact</option>","<option>Tahoma</option>","<option>Palatino</option>","<option>Times New Roman</option>","<option>Tahoma</option>","<option>Verdana</option>"];
function addselection(){
  for (var i =0; i < fonts.length; i++){
    var myOption = fonts[i];
    $('#id').append(myOption);
  }
}
 
 addselection();

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

Answer 2

要达到预期结果，请使用以下选项

循环字体数组和附加以选择

var fonts = ["<option>Arial</option>","<option>Arial Black</option>","<option>Calibri</option>","<option>Courier New</option>","<option>Comic Sans MS</option>","<option>Garamond</option>","<option>Georgia</option>","<option>Impact</option>","<option>Tahoma</option>","<option>Palatino</option>","<option>Times New Roman</option>","<option>Tahoma</option>","<option>Verdana</option>"];
function addselection(){ 
  var string = "<select>fonts</select>";
 $('#id').append(string);
  $.each(fonts, function(key, value) {   
     $('select')
         .append($(value)); 
});
}
addselection();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id ="id"></div>

代码示例-https：//codepen.io/nagasai/pen/ayjmvv