Ajax 追加数据以选择

【问题标题】：Ajax append Data to selectAjax 追加数据以选择
【发布时间】：2016-12-19 06:50:37
【问题描述】：

我需要将数据添加到数据库并同时加载到选择选项菜单中，我成功添加了数据，并且在加载数据时在选项菜单中重复

function manageRow(data) {
    var rows = '';
    $.each( data, function( i, o ) {
        rows += '<option>'+o.salary_wage+'</option>';
    });
    $(".selectpicker111").append(rows);
}

【问题讨论】：

可能是 stackoverflow.com/questions/740195/… 的副本？
试试 $(".selectpicker111>*").remove();从头开始，然后追加:)
或者用.html()代替.append();
@ArunaWarnasooriya 这不起作用并清除了所有内容
@itzmukeshy7 非常感谢它的工作

标签： javascript jquery ajax database

【解决方案1】：

试试这个;)

$("selector").append(rows);

这会将append 选项添加到现有选项中，您将获得重复选项。

有两种方法可以消除重复选项：

选项 1：

在使用empty 添加选项之前删除现有选项，然后您可以使用append 或html 添加选项。

$("selector").empty();

选项 2：

使用 html 将现有选项替换为新选项

$("selector").html(newOptions);

在你的情况下：

$(".selectpicker111").html(rows);

【讨论】：