0

Se supone al cambiar alguno de los select deberia recorrer todos los select y tomar sus valores pero siempre toma el primer de cada uno..

function cantperson() {
    var habs = 2;
    var i = 1;
    var cantadult = 0;
    var cantchild = 0;
    var total = 0;
    while (i <= habs) {
        var select = document.getElementById("cantadult"+i);
        alert(select.options[select.selectedIndex].value);
        i = i + 1;
    }
}
<select id="cantadult1" name="cantadult1" onchange="cantperson();">
						    <option value="1">1</option>
						    <option value="2">2</option>
						    <option value="3">3</option>
						    <option value="4">4</option>					
						    <option value="5">5</option>
						    <option value="6">6</option>
						    <option value="7">7</option>
						    <option value="8">8</option>
						    <option value="9">9</option>
						    <option value="10">10</option>
						    <option value="11">11</option>
						    <option value="12">12</option>
						</select>
            <select id="cantadult2" name="cantadult2" onchange="cantperson();">
						    <option value="1">1</option>
						    <option value="2">2</option>
						    <option value="3">3</option>
						    <option value="4">4</option>					
						    <option value="5">5</option>
						    <option value="6">6</option>
						    <option value="7">7</option>
						    <option value="8">8</option>
						    <option value="9">9</option>
						    <option value="10">10</option>
						    <option value="11">11</option>
						    <option value="12">12</option>
						</select>

4
  • 1
    Pero eso es exactamente lo que hace tu código toma la opción seleccionada de cada select, ¿O quieres que haga otra cosa? Y otro punto, dices que el problema es con jQuery pero veo Javascript puro, ¿Estás seguro que es jQuery y no Javascript?
    – user22721
    Commented el 20 may. 2018 a las 1:21
  • 2
    Y ya que andamos en esas te doy la bienvenida a Stack Overflow en español termina el recorrido de bienvenida para que ganes tu primera medalla :D
    – user22721
    Commented el 20 may. 2018 a las 1:22
  • 1. no aplicas JQuery, 2. tu código toma los valores seleccionados de cada select.
    – Oscar
    Commented el 20 may. 2018 a las 3:24
  • Es que es justo el problema estoy haciendo un proyecto en wordpress y alli siempre me toma el valor del primero <option>, incluso en el emulador de stackoverflow me lo hace bien me estoy percantando T_T Commented el 20 may. 2018 a las 19:28

1 respuesta 1

0

Realmente no veo donde aplicas Jquery en tu codigo, te recomiendo leer mas sobre esta libreria, para el caso que expones mi respuesta para hacerlo seria algo como esto.

HTML

<h3>Obtener el valor de un select en jquery</h3>
<label>Select Numeros 1</label>
<select id="cantadult1" name="cantadult1" onchange="cantperson(this)">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>                    
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
    </select>
    <label>Select Numeros 2</label>
    <select id="cantadult2" name="cantadult2" onchange="cantperson(this)">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>                    
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>

JAVA SCRIPT

 function cantperson(element) {
  var n = element.value; 
  console.log(n); //imprimes el valor del select
 }

Saludos, Espero haberte ayudado de alguna manera

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.