将数组中的项目填充到不同的选项标签中

Question

我正在尝试使用 jQuery 将通过 ajax 返回的一些用户名加载到下拉菜单中。结果成功进入下拉菜单，但所有数据仅进入一个选项标签。我希望数据位于不同的选项标签中。

目前下拉菜单如下所示

姓名1，姓名2，姓名3，姓名4

但我想要：

姓名1

名字2

名字3

名字4

我放置结果的下拉菜单：

    <div class="form-group">
    <select name="name" class="form-control" id="employee_select">
</select>
</div>

jQuery:

    //send value via GET to URL
    var get_request = $.ajax({
      type: 'GET',
      url: '/users',
      data: {User:User}
    });

    // handle response
    get_request.done(function(data){

    // Data returned
    dataReturned = data;

    // Log data
   console.log($.type(dataReturned));   // response is string in the form of
                                         // Name1
                                         // Name2

   // Convert to an array
   dataArray = [dataReturned]

    // Create a new array
    newArray = [];

// Populate newArray with items
for(i=0;i<dataArray.length;i++){
   if(typeof(dataArray[i])=='string'){
    newArray.push(dataArray[i])
}
}
//console.log(newArray);
console.log($.type(newArray)); // an array is returned in the form of ["Name1,Name2,Name3,Name4"]

// Loop through newArray
$.each(newArray, function( index, value) {
 $('#employee_select').append("<option>"+ value + "</option>");
})

谢谢。

Answer 1

这可能有更优雅的方式，但是......

如果您将每个结果推入一个数组，然后对数组中的每个项目运行一个 for 循环检查每个项目是否是一个字符串，该怎么办。那个成功的结果，你推入一个最终的数组。

for(i=0;i<array.length;i++){
   if(typeof(array[i])=='string'){
     newArray.push(array[i])
 }
}