Question

这是选择：

<select class="selectpicker" id="item-fornecedores-1" multiple data-placeholder="Selecione os fornecedores para este item"></select>

这是我插入的数据：

<optgroup label="São José do Rio Preto"><option>TORQUEMIX </option></optgroup><optgroup label="Sorocaba"><option>A.M.DIB INDUSTRIA E COMERCIO</option></optgroup><optgroup label="Salto de Pirapora"><option>CONTA DE TESTE DE ÓRGãO PúBLICO</option></optgroup>

由...生成：

    $response = "";
    foreach ($filtro as $key => $value) {
        $nomeCidade = getResults("SELECT nome FROM tbl_cidades WHERE id = '".$key."'")[0]["nome"];
        if (strpos($response, $nomeCidade) === false) {
            $response .= '<optgroup label="'.$nomeCidade.'">';
        }
        for ($i = 0; $i < count($value); $i++) {
            $nomeFornecedor = getResults("SELECT nome_fantasia FROM tbl_fornecedors WHERE id = '".$value[$i]."'")[0]["nome_fantasia"];
            $response .= '<option>'.$nomeFornecedor.'</option>';
        }
        $response .= '</optgroup>';
    }

以下是选择在成功时更新的地方：

                $.ajax({
                    url: hostGlobal+"site/estrutura/ajax.php",
                    type: "POST",
                    dataType: "TEXT",
                    data: {
                        action: "filtrarFornecedores",
                        prefeitura_id: <?=$_SESSION["id"]?>,
                        tipo_negocio: 1,
                        segmentos: $("#pedido-segmento").val(),
                        estados: $("#pedido-fornecedor-estado").val(),
                        index: (i+1).toString()
                    },
                    success:function(result, textStatus, jqXHR) {
                        console.log(JSON.parse(result)[1]);
                        $("#item-fornecedores-" + JSON.parse(result)[0]).html(JSON.parse(result)[1]);
                        $("#item-fornecedores-" + JSON.parse(result)[0]).show();
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                    //  console.log(errorThrown);
                    }
                });

select元素会更新，但会发生这种情况：

如果我之后不使用show（），我根本看不到任何数据（并且HTML完全有效，因为当我直接在HTML文档上使用时，同样的结果也有效。）

我正在使用bootstrap-select。为什么我不能“实时”更新/“加载”这些选项而不拧紧整个元素？

编辑：

当我从select标签中删除“multiple”时，我才意识到它的工作正常。不过，我真的需要使用多个。

Answer 1

在修改数据后，您必须调用refresh方法才能使其正常工作。

要以编程方式使用JavaScript更新选择，请先进行操作 select，然后使用refresh方法更新UI以匹配新国家。删除或添加选项时，或者何时，这是必需的通过JavaScript禁用/启用选择。

$("#item-fornecedores-" + JSON.parse(result)[0]).selectpicker('refresh');

当您致电show()时，您正在强制显示基础选择元素。实际上，select被替换为小部件生成的元素。

在ajax调用之后插入带有html（）的选项后，选择不起作用（Bootstrap Selectpicker）

1 个答案: