多重选择在每次提交后取消选择最后一项

Question

每次$_POST提交后，多选减少，但是返回所有ajax响应索引。 在这种形式下，我有一个事件会触发Empresa中的更改，该更改会加载所有其他字段并标记ajax返回的php会话中的选项。

每次提交后，我拥有会话的所有项目，但始终取消选择每个字段上的最后一个项目。

// This code triggers an action in Empresa ...
$(function($) {$('.dropdown-toggle').dropdown('toggle');});

$.ajax({
    url: '/ajaxrequests/requestservicos',
    type: 'POST', dataType: 'json',
    data: {empresas:empresas},
    success: function(retorno){
        var servs = retorno.servicos; // [10, 12, 14, 20, 21, 23, 25, 29, 32, 33, 38]
        var checks = retorno.check; // [10, 12, 14, 20, 21, 23, 25]
        console.log(retorno);
        $('#ajax_servico').html("");
        $.each(servs, function(valor, chave){
            $('#ajax_servico').append($('<option>', {
                value: valor,
                text : chave,
                checked: checks[valor],
                selected: checks[valor]
            }));
        });
        $("#ajax_servico").multiselect('destroy');
        MultiselectSet($("#ajax_servico"));
    }
});         

function MultiselectSet(input){
    $(input).multiselect({
        includeSelectAllOption: true,
        nSelectedText: 'selecionados ..',
        nonSelectedText:'Nenhum selecionado ..',
        allSelectedText: 'Todos selecionados ..',
        selectAllText: 'Selecionar todos ..',
        numberDisplayed: 1,
    });
}

Answer 1

不确定您要在这里做什么，但是如果要选择servico中所有要检查的项目，则可以尝试以下操作：

$.ajax({
  url: '/ajaxrequests/requestservicos',
  type: 'POST', dataType: 'json',
  data: {empresas:empresas},
})
.then(
  function(retorno){
    const servs = retorno.servicos, // [10, 12, 14, 20, 21, 23, 25, 29, 32, 33, 38]
    checks = retorno.check, // [10, 12, 14, 20, 21, 23, 25]
    $servico = $('#ajax_servico');
    console.log(retorno);
    $servico.html("");
    servs.forEach(function(chave,index){
      const isInChecks = checks.indexOf(chave)!==-1;
      $servico.append($('<option>', {
        value: index,
        text : chave,
        checked: isInChecks,
        selected: isInChecks
      }));      
    });
    $("#ajax_servico").multiselect('destroy');
    MultiselectSet($("#ajax_servico"));
  }
  ,function(reject){console.error("something went wrong:",reject)}
);

我不确定为什么要将选项的值设置为数组的索引，将其设置为数据库中项的ID会更好吗？ 您将选项的文本设置为数字，是id吗？ 如果是这样，您可能应该将值设置为id，并将文本设置为表示数据库中该id的文本值。