Problem getting the value of a select with jquery

Navigation
0

It is supposed to change some of the select should go through all the select and take their values but always take the first of each .. 

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>
    
asked by gabriel anatoly rojas 20.05.2018 в 02:59
source

1 answer

0

I do not really see where you apply Jquery in your code, I recommend reading more about this library, for the case that you expose my answer to do it would be something like this.

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
 }

Greetings, I hope I have helped you in some way

    
answered by 20.05.2018 в 05:10
Problems configuring LWJGL: NoClassDefFoundError org / lwjgl / glfw / GLFW Load functions from one external javascript file to another