Skip to main content

document.querySelectorAll("select").forEach(function(selector) { // funcion de multiplicar pasajeros. selector.addEventListener('change', function(e) { var price = document.querySelector("#hoteles").value; var nb_adults = document.querySelector("#adultos").value; var adu = document.querySelector("#pre_adulto ").innerHTML = pricenb_adults; var nb_kids = document.querySelector("#ninos").value; var nin = document.querySelector("#pre_ninos").innerHTML= pricenb_kids; document.querySelector("#precio-total").innerHTML = (adu+nin); console.log({adu, nin}); }) });

document.querySelectorAll("select").forEach(function(selector) { // funcion de multiplicar pasajeros.
     selector.addEventListener('change', function(e) {
    var price = document.querySelector("#hoteles").value;
    var nb_adults = document.querySelector("#adultos").value;
    var adu = document.querySelector("#pre_adulto  ").innerHTML = price*nb_adults;
    var nb_kids = document.querySelector("#ninos").value;
    var nin = document.querySelector("#pre_ninos").innerHTML= price*nb_kids;
    document.querySelector("#precio-total").innerHTML =  (adu+nin);
    console.log({adu, nin});
  })
});

document.querySelectorAll("select").forEach(function(selector) { // funcion de multiplicar pasajeros. selector.addEventListener('change', function(e) { var price = document.querySelector("#hoteles").value; var nb_adults = document.querySelector("#adultos").value; var adu = document.querySelector("#pre_adulto ").innerHTML = pricenb_adults; var nb_kids = document.querySelector("#ninos").value; var nin = document.querySelector("#pre_ninos").innerHTML= pricenb_kids; document.querySelector("#precio-total").innerHTML = (adu+nin); console.log({adu, nin}); }) });

document.querySelectorAll("select").forEach(function(selector) { // funcion de multiplicar pasajeros.
     selector.addEventListener('change', function(e) {
    var price = document.querySelector("#hoteles").value;
    var nb_adults = document.querySelector("#adultos").value;
    var adu = document.querySelector("#pre_adulto  ").innerHTML = price*nb_adults;
    var nb_kids = document.querySelector("#ninos").value;
    var nin = document.querySelector("#pre_ninos").innerHTML= price*nb_kids;
    document.querySelector("#precio-total").innerHTML =  (adu+nin);
    console.log({adu, nin});
  })
});
Origen Enlace

obtener el resultado de queryselector del id y guardarlo a base de datos

espero me puedan ayudar una vez mas.. El asunto es que debo de guardar los resultados que obtengo javascript en la base de datos. y el valor que me guarda el primer select del id="hoteles" es el precio en lugar del hotel.. y tambien requiero mostrar el precio de ninos y adultos en un input para guardalos en la db.

Reservation Transport
        <select name="hotel" class="cont form-control" id="hoteles" required> <!--COMBO BOX hoteles-->
             <?php 
             $consulta = "SELECT hotel,precio From hoteles where id = id_zona";
             $query=mysqli_query($conexion,$consulta);
             while ($f=mysqli_fetch_array($query,MYSQLI_ASSOC)){ 
                $id = $f['id'];
                $hotel = $f['hotel'];
                $precio = $f['precio'];
            ?>                      
               <option  value="<?php echo $precio ?>">  <?php  echo $hotel; ?> </option>
            <?php            
                 }         
            ?>        
         </select> 
                 <p></p>
            
            <span id="" class="">Adults:</span>
            <select name="num_adultos" class="  form-control" id="adultos" required> 
             <?php 
             $consulta = "select * From numero_clientes";
             $query=mysqli_query($conexion,$consulta);
             while ($h=mysqli_fetch_array($query,MYSQLI_ASSOC)){ 
                $num_adult = $h['numero_personas'];
                
            ?>                      
              <option><?php  echo $num_adult ?> </option>

            <?php           
                 }         
            ?>        
         </select> 
    <p></p>
      

     <label type="text"   name="pre_adulto" id="pre_adulto"></label>
                   
                      
     <p></p>    
             <span id="tituloCombo">Children:</span>
             <select name="num_ninos" class="contN form-control" id="ninos"> <!--COMBO BOX niños-->
             <?php 
             
             $consulta = "SELECT * FROM numero_clientes";
             $query=mysqli_query($conexion,$consulta);
             while ($c=mysqli_fetch_array($query,MYSQLI_ASSOC)){
                       $num_nino =$c['numero_personas']; 
                         
            ?>                      
              <option><?php  echo $num_nino; ?> </option>
            <?php 
                 }         
            ?>        
              </select>
             



    <label class="titulo4" disabled name="pre_ninos"  id="pre_ninos"></label> &nbsp;<label class="titulo4">USD</label>
    <p></p>
    <span class="titulo4"> Price:&nbsp;$</span>
    <label class="titulo4" id="precio-total" disabled></label>

<------------------------> script el script no es mio ------------>

document.querySelectorAll("select").forEach(function(selector) { // funcion de multiplicar pasajeros. selector.addEventListener('change', function(e) { var price = document.querySelector("#hoteles").value; var nb_adults = document.querySelector("#adultos").value; var adu = document.querySelector("#pre_adulto ").innerHTML = pricenb_adults; var nb_kids = document.querySelector("#ninos").value; var nin = document.querySelector("#pre_ninos").innerHTML= pricenb_kids; document.querySelector("#precio-total").innerHTML = (adu+nin); console.log({adu, nin}); }) });