选择不插入Ajax调用（引导Selectpicker）后，用HTML（）选项后，工作

这是选择：选择不插入Ajax调用（引导Selectpicker）后，用HTML（）选项后，工作

<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元素被更新，但是这是发生了什么：

如果我不使用显示（）之后，我看根本没有数据（而HTML是完全有效，因为当我直接在HTML文档上使用它时，这个结果是有效的）。我正在使用bootstrap-select。为什么我不能更新/“加载”那些“实时”的选项而不用拧紧整个元素？

编辑：

我刚刚意识到它完美的作品时，我请从选择标签上的“多”。不过，我真的需要使用多个。

来源

2015-12-26 Ericson Willians

您必须在修改数据以使其工作后调用refresh方法。

以编程方式更新一个选择使用JavaScript，第一操纵选择，然后使用刷新方法来更新UI匹配新的状态。在删除或添加选项时或在通过JavaScript禁用/启用选择时，这是必需的。

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

当你调用show()，你迫使底层的选择元素是可见的。该选择实际上由小部件生成的元素替换。

来源

2015-12-26 09:41:16 Roshan

选择不插入Ajax调用（引导Selectpicker）后，用HTML（）选项后，工作

回答

相关问题