javascript - 数组中每个项目的打印选项

Question

我有一个数组，对于数组中的每个项目，我尝试添加一个新的 <option> .

为此，我尝试了以下操作:

 array.forEach(function(arr) {
   console.log(array);
   $(".filterSection .department").append('<option value="'+array+'">'+array+'</option>');
 }); 

但是，该选项只是打印 <option> 中的所有数组值。 。它创建了新的 option标签，但它们的值和文本是数组中的所有项目。

完整演示:

var array = ["Value 1", "Value 2", "Value 3"];

array.forEach(function(arr) {
  console.log(array);
  $(".department").append('<option value="' + array + '">' + array + '</option>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="department" name="department" id="department"></select>

我哪里出错了？

Answer 1

您应该使用表示单个数组元素的arr，而不是array:

var array = ["Value 1", "Value 2", "Value 3"];

array.forEach(function(arr) {
  $(".department").append('<option value="' + arr + '">' + arr + '</option>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="department" name="department" id="department"></select>