html select puts it twice on screen

Question

html select puts it twice on screen

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

When I write a htlm select it makes it normal on the screen, but when I do multiselect with jquery, I duplicate it

HTML this is the html code

<div class="form-group">
            <label for="SelectdestinoP" class="col-lg-2 control-label">Destino del paquete</label>
            <div class="col-lg-5">
              <select id="SelectdestinoP" name="SelectdestinoP">
                <option value=""> < Selecciona > </option>
                <option value="">Dpto Adquisiciones</option>
                <option value="">Dpto Capital Humano</option>
                <option value="">Dpto Sistemas</option>
                <option value="">Dpto Finanzas</option>
                <option value="">Dpto Cobranza</option>
                <option value="">Dpto Auditoria Interna</option>
                <option value="">Dpto Educacion</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label for="selectDestinatario" class="col-lg-2 control-label">Destinatario</label>
            <div class="col-lg-5">
              <select id="selectDestinatario" name="selectDestinatario">
                <option value=""> < Selecciona > </option>
                <option value="">Alejandro Calixto</option>
                <option value="">Antonio Solis Aleman</option>
                <option value="">Jose Luis Hernandez</option>
              </select>
            </div>
          </div>

          <div class="form-group">
            <label for="selectIpoPaquete" class="col-lg-2 control-label">Tipo de paquete</label>
            <div class="col-lg-5">
              <select id="selectIpoPaquete" name="selectIpoPaquete">
                <option value=""> < Selecciona > </option>
                <option value="">Sobres</option>
                <option value="">Cajas</option>
                <option value="">Folletos</option>
                <option value="">Bolsas</option>
                <option value="">Polizas</option>
              </select>
            </div>
          </div>

JS and with jquery I tell him to become multiselect

$("#SelectdestinoP").multiselect();
    $("#selectDestinatario").multiselect();
    $("#selectIpoPaquete").multiselect();

javascript jquery html5

asked by Alejandro.C 18.12.2017 в 19:50

source

2 answers

iOS - Maximum number of certificates generated Can I put the Google doodle in the search engine of my website?

score 0 · Answer 1

I do not know if you want to be able to make a multiple selection in the combo. But if this is the case, the behavior of HTML does not allow it. Another thing is that through CSS you change how the component is displayed on the screen and simulate a combo. I have tried the following code and it works for me (it's your code but with the multiple attribute in the select component as indicated by Yikarus above ).

HTML

<select id="selectIpoPaquete" name="selectIpoPaquete" multiple="multiple">

I do not understand why it does not work for you. Could you please specify a little more about your doubt?

Greetings.

score 0 · Answer 2

The problem that jquery.multiselect() , is a plugin that duplicates the list, so that you can move from one list to another, that's why you're doubling it.

To do what you want, you must modify your jquery, in this way

$("#SelectdestinoP").attr( "multiple", "multiple" );
    $("#selectDestinatario").attr( "multiple", "multiple" );
    $("#selectIpoPaquete").attr( "multiple", "multiple" );