duplicar selects segun selección
Publicado por Ana (6 intervenciones) el 14/01/2016 05:53:14
Hola.!
Tengo un problema ya le di vueltas y nada. a lo mejor es muy facil pero ya me quede en ceros.
tengo una tabla.. en la cual viene un selec. que es de habitaciones, quiero hacer que si seleccionan habitacion 1 se muestre, el siguiente select,
si seleccion 2 que se duplique el siguiente select
si seleccion 3 que se muestre tres veces el select.
los select los tengo en html, solo seria mandar a traer el Id es por eso que solo pongo uno para no hacer mas grande este script.
Hay.! no se si me explico.
aqui esta la parte del codigo
Tengo un problema ya le di vueltas y nada. a lo mejor es muy facil pero ya me quede en ceros.
tengo una tabla.. en la cual viene un selec. que es de habitaciones, quiero hacer que si seleccionan habitacion 1 se muestre, el siguiente select,
si seleccion 2 que se duplique el siguiente select
si seleccion 3 que se muestre tres veces el select.
los select los tengo en html, solo seria mandar a traer el Id es por eso que solo pongo uno para no hacer mas grande este script.
Hay.! no se si me explico.
aqui esta la parte del codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<table width="100%" cellpadding="0" cellspacing="0" border="2">
<tr>
<td align="center" style="text-transform: uppercase;padding-left:10px;padding-right:10px;">
Habitaciones:<label for="num_habitacion"></label>
<select class="form-control" name="num_habitacion" id="num_habitacion" onChange="CargarHabitaciones('')">
<option value="1" selected="selected" >1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>
<ul class="lista_cotizador" style="margin:10px; padding:0px;">
<li id="habitacion_1">
<h4 >Habitacion 1</h4>
Adultos:<select name="adulto_1" id="adulto_1">
<option value="1">1</option>
<option value="2" selected="selected" >2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</li>
</ul>
</td>
</tr>
</table>
Valora esta pregunta
0