Php 添加新项目后重新填充选择菜单

我环顾四周，看不到任何适合我需要的东西。基本上，我试图在添加一个项目后刷新选择菜单（而不是整个页面）。我目前有一个ajax查询，允许用户添加一个新文件夹，这非常有效。添加后，我希望将文件夹选项添加到选择菜单。下面是我的代码：

HTML:

//这是添加新文件夹的弹出窗体
文件夹名

或

Javascript:

$("#message_submit").on("click", function(e){
    e.preventDefault();
      var data = $("p").find("#folder_name").val()
      console.log(data); // Testing data

     $.ajax({
        url: '<?php echo base_url().'account/members_home/add_folder';?>', 
        type: 'POST',
        data: { val: data },
        success: function(output_string){
            $(".success").text("Your folder was added!!").show().css({"color" : "green", "margin-top" : "10px"});
            $(".success").fadeOut(10000);
        }
      });

    deselect();
    $.ajax({
      url: '<?php echo base_url().'account/members_home/getFolderID';?>', 
      type: 'POST',
      data: { val1: data },
      dataType: 'json',  
      success: function(output_string){
         console.log(output_string['folder_id'][0]); // The request works
         showFolders(output_string['folder_id'][0]);

          // THIS IS THE PART WHERE I AM TRYING TO REPOPULATE THE SELECT MENU
         var newSelect = $('<option value="' + output_string['folder_id'][0] + '" >' + data + '</option>');
         $('#basic-combo').append(newSelect);
         $("#basic-combo option[value='" + output_string['folder_id'][0] + "']").attr('selected', 'selected'); 
       }
    });   

});

$（“#消息_提交”）。在（“单击”上，功能（e）{
e、 预防默认值（）；
var data=$（“p”）.find（“#文件夹名称”）.val（）
console.log（数据）；//测试数据
$.ajax({
url:“”，
键入：“POST”，
数据：{val:data}，
成功：函数（输出字符串）{
$（“.success”）.text（“您的文件夹已添加！！”）.show（）.css（{“color”：“green”，“margin top”：“10px”}）；
美元（“.success”）。淡出（10000）；
}
});
取消选择（）；
$.ajax({
url:“”，
键入：“POST”，
数据：{val1:data}，
数据类型：“json”，
成功：函数（输出字符串）{
log（输出_字符串['folder_id'][0]）；//请求有效
showFolders（输出_字符串['folder_id'][0]）；
//这是我试图重新填充选择菜单的部分
var newSelect=$（''+数据+''）；
$（“#基本组合”）.append（newSelect）；
$（“#基本组合选项[value=”+输出_字符串['folder_id'][0]+“]]”）。attr（'selected'，'selected'）；
}
});   
});

试试这个：

var mySelect = $('#basic-combo');
mySelect.append(
    $('<option></option>').val(output_string['folder_id'][0]).html('folder name goes here').attr("selected", "selected")
);

var mySelect=$（“#基本组合”）；
mySelect.append(
$（''）.val（输出字符串['folder\u id'][0]）.html（'folder name go here'）.attr（“选定的”，“选定的”）
);

我最后用这个来告诉你们想知道的人：

$('#folder_select').append(
     $('<option></option>', {value: val2, text: data})).val(val2);

$（'#文件夹_选择'）。追加(
$（''，{value:val2，text:data}））.val（val2）；

不起作用……还有其他想法吗？不知道为什么追加不起作用

$('#folder_select').append(
     $('<option></option>', {value: val2, text: data})).val(val2);