Tema: ¿Como hacer que dos select se definan por una sumatoria?
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/06/2015, 10:20
maykolr17
 
Fecha de Ingreso: mayo-2015
Ubicación: Venezuela
Mensajes: 8
Antigüedad: 9 años
Puntos: 0
Exclamación ¿Como hacer que dos select se definan por una sumatoria?
Buenas, no creo que el titulo sea muy intuitivo, asi que ire directo al grano...
Tengo 2 Select:

Código HTML: 
Ver original
  1. <div class="col-xs-12 col-sm-6 col-md-6">
  2.                                                  <!-- Select Basic -->
  3.                                                  <div id="form-adultos" class="form-group">
  4.                                                     <label class="control-label">Adultos</label>
  5.                                                     <select id="adultos" name="adultos" class="form-control">
  6.                                                         <option value="1">1</option>
  7.                                                         <option value="2">2</option>
  8.                                                         <option value="3">3</option>
  9.                                                         <option value="4">4</option>
  10.                                                         <option value="5">5</option>
  11.                                                         <option value="6">6</option>
  12.                                                         <option value="7">7</option>
  13.                                                         <option value="8">8</option>
  14.                                                     </select>
  15.                                                 </div>
  16.                                             </div>
  17.  
  18.                                             <div class="col-xs-12 col-sm-6 col-md-6">
  19.                                                  <!-- Select Basic -->
  20.                                                  <div id="form-menores" class="form-group">
  21.                                                     <label class="control-label">Menores</label>
  22.                                                     <select id="menores" name="menores" class="form-control">
  23.                                                         <option value="1">1</option>
  24.                                                         <option value="2">2</option>
  25.                                                         <option value="3">3</option>
  26.                                                         <option value="4">4</option>
  27.                                                         <option value="4">5</option>
  28.                                                         <option value="4">6</option>
  29.                                                         <option value="4">7</option>
  30.                                                         <option value="4">8</option>
  31.                                                     </select>
  32.                                                 </div>
  33.                                             </div>

Los dos select representan el maximo de personas en un habitación (8 personas)

La idea que quiero saber, es como hacer para el maximo en el dos sean 8, es decir el primero select (Adultos) va del 1 al 8, mientras que el de menores comienza en 0..

Si selecciono 4 adultos, debería tener en el select de menores disponible hasta 4 menores (4 +4 = 8)

- Si elijo 7 adultos, debería poner de tener al menos 1 menor (7 +1 = 8)

- Si Elijo 1 adulto, debería poner tener al menos 7 menores (1 + 7 = 8)