put meets top and bottom category

Question

put meets top and bottom category

Navigation

#1 by (1 votes)

0

Hello, good morning, I would like my select option to appear one above and the other one below, but I have already put everything and it does not come out to me, first, first, up, and then below, category.

 tds += '<h6 style="color:#0B93A8;"> CUMPLE </h6>';



tds += "<select class='txtFormulario_Pregunta' id='txtFormulario_Pregunta_" + val.idPre + "' rel='" + val.idPre + "'>";
tds += "<option disabled selected>Seleccione</option>";
tds += "<option value='SI'>SI</option>";
tds += "<option value='NO'>NO</option>";
tds += "<option value='NA'>N.A</option>";
tds += "</select>";
                tds += '</div>';
                 tds += '</div>';
                tds += '<div class="col-sm-2 padre">';

                tds += ''

                tds += '<h6 style="color:#3EA1CC;"> CATEGORIA </h6>';



tds += '<select  class="combo1" id="combo1">';
                        tds += '<option title="" value="" disabled selected>Seleccione</option>';
                        tds += '<option title="" value="C">CONDUCTAL</option>';
                        tds += '<option title="" value="S">ESTRUCTURAL</option>';
                        tds += '<option title="" value="O">ORGANIZATIVA</option>';
                        tds += '<option title="" value="AF">OTROS FACTORES</option>';


                    tds += '</select>';



                    tds += '<select class="txtFormulario_PreguntaCategoria combo2"  id="txtFormulario_PreguntaCategoria_' + val.idPre + '">';
                        tds += '<option disabled selected></option>';

                        tds += '<option data-option="C" title=" Incumplimiento de normas procedimientos y metodos de trabajo"   value="C1">C1</option>';
                        tds += '<option data-option="C" title="Falta de uso, mal uso o uso incorrecto de los EPI" value="C2">C2</option>';
                        tds += '<option data-option="C" title="Uso indebido los equipos y dispositivos" value="C3">C3</option>';
                        tds += '<option data-option="C" title="Posicion inadecuada del cuerpo /postura"  value="C4">C4</option>';
                        tds += '<option data-option="C" title="Distraccion / Falta de atencion"  value="C5">C5</option>';
                        tds += '<option data-option="C" title="Falta de señalizacion de peligro"  value="C6">C6</option>';
tds += '</select>';

html

asked by JSACTM Music 27.09.2018 в 14:52

source

1 answer

Help with a query in Postgres that I want to move to SQL SERVER Show different PHP wordpress layout if there is or there is no featured image

score 1 · Accepted Answer

The problem as told enxaneta is in the CSS of the page that loads these select, a possible solution is to add a 'br' at the end of the first select to force the line change although the most optimal would be to review the css .

     tds += '<br/>'               
     tds += '<div class="col-sm-2 padre">'  
     tds += '<h6 style="color:#3EA1CC;"> CATEGORIA </h6>';

Also, as you are apparently using bootstrap, the "col-sm-2" makes the div float and place next to the other select

EDITED

In the case of using Bootstrap, it is best to put the select in a separate row, a row for the first select

tds += '<div class="row">';
tds += '<div class="col-md-12">';
tds += '<h6 style="color:#0B93A8;"> CUMPLE </h6>';

and ending this the other row for the other select

tds += "</select>";
tds += '</div>';
tds += '</div>';
tds += '<div class="row">';
tds += '<div class="col-md-12">';
tds += '<div class="padre">';
......
tds += '</div>';
tds += '</div>';
tds += '</div>';