Populating selects - Misalignment when returning values in combobox with chosen.jquery filter

0

I'm using the chosen component to do the combobox filter, but when it returns the JSON values to populate the combobox, it is misaligning the "duplicating" field.

    <body>
      <div id="conteudo">
   		<p><span class="destaque">Populando selects usando AJAX + JSON + PHP</span></p>
        <hr />
        <br/>
        
        <div id="pais">
          <label>Selecione o País:</label>
          <!--<select id="cmbPais">-->
		  <select data-placeholder="Selecione..." class="chosen-select" tabindex="2"  id="cmbPais">
              <option>Carregar Paises</option>
          </select>
          <input type="button" value="Carregar Pais" id="btnPais" class="botao"/>
        </div>

        <div id="estado">
          <label>Selecione o Estado:</label>
          <select id="cmbEstado">
              <option>Carregar Estados</option>
          </select>
        </div>
        
        <div id="cidade">
          <label>Selecione a Cidade:</label>
          <select id="cmbCidade">
              <option>Carregar Cidades</option>
          </select>
        </div>
        
        <hr />
        <p><span class="destaque">Mensagens:</span></p>
        <div id="mensagem">
        	
        </div>
   </div>
    
asked by anonymous 27.09.2018 / 14:48

0 answers