Nueva pregunta

Pregunta:

 
  0  
 
 
Yerlin Mayz Karma: 181 Chile
 
 Fecha: 21-11-2018 10:40:26 (En Español)

Captura el valor de una variable en .JS para guardarlar en una variable PHP[Resuelta]

Buenas necesito ayuda con un código ajax, es este


$(document).ready(function(){
$.ajax({
type: 'POST',
url: 'cargar_listas.php'
})
.done(function(listas_rep){
$('#lista_reproduccion').html(listas_rep)
})
.fail(function(){
alert('Hubo un errror al cargar las listas_rep')
})

$('#lista_reproduccion').on('change', function(){
var id = $('#lista_reproduccion').val()
$.ajax({
type: 'POST',
url: 'cargar_videos.php',
data: {'id': id}
})
.done(function(listas_rep){
$('#videos').html(listas_rep)
})
.fail(function(){
alert('Hubo un errror al cargar los vídeos')
})
})
$('#lista_reproduccion').on('change', function(){
var id = $('#lista_reproduccion').val()
$.ajax({
type: 'POST',
url: 'cargar_videos2.php',
data: {'id': id}
})
.done(function(listas_rep){
$('#videos2').html(listas_rep)
})
.fail(function(){
alert('Hubo un errror al cargar los vídeos')
})
})

$('#enviar').on('click', function(){
var resultado = 'Lista de reproducción: ' + $('#lista_reproduccion option:selected').text() +
' Video elegido: ' + $('#videos option:selected').text() + ' Video elegido: ' + $('#videos2 option:selected').text()

$('#resultado1').html(resultado)
})

})



Quiero saber como puedo capturar el valor de variable RESULTADO($('#resultado1').html(resultado)) ya que alli van todos los datos que necesito pasar a php para luego almacenarla en la BD

Aclaro que este archivo en un archivo .js Ajax y no se como poder obtener el valor de la variable
gracias Etiquetas: Javascript - JQuery - PHP Votos: 0 - Respuestas: 3 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Bryan Villalobos Karma: 853 Colombia
     
    Fecha: 21-11-2018 13:02:18 Es una etiqueta div?   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Black Soldier Karma: 2600 Perú
     
    Fecha: 21-11-2018 15:50:57 y porque simplemente no se las pasas por ajax como vienes haciendo?

    
		$.post('url a tu php',{
			lista:$('#lista_reproduccion option:selected').text(),
			video1:$('#videos option:selected').text(),
			video2:$('#videos2 option:selected').text()
		}).done(function(resp){
			//aqui lo que sea
		}).fail(function(err){
			//en caso de error
		})


    lo que no entiendo es, ¿Tienes un único elemento con esta ID lista_reproduccion? o tienes varios?, de ser varios esta mal o no se como te estará trabajando, lo pregunto por la forma en que estas trabajando los ajax, no la entiendo, pareciera que estas rellenando el mismo selector con cada cambio que le haces       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Yerlin Mayz Karma: 181 Chile
     
    Fecha: 22-11-2018 05:50:37 hola nuevamente Carlos efectivamente tengo un unico elemento que segun la opcion que tome seran las opciones del otro select, les dejo mi html y el ajax para que entiendan mejor

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>empresa</title>
    <link rel="stylesheet" href="style.css">
    <script language="javascript" src="js/jquery-3.1.1.min.js"></script>
    </head>
    <body>

    <div class="logo">
    <img src="img/logo.jpg">
    </div>

    <header>
    <nav class="navegacion">
    <ul class="menu">
    <li><a href="">Envio de Sangre</a></li>
    <li><a href="soli_despacho.php">Despacho </a></li>
    <li><a href="stacces.php">Servicios en Transitos</a></li>
    </ul>
    </nav>
    </header>


    <center><h1 style="font-size: 17px;">Envio de Sangre.</h1><br><br>

    <h2>Envio de Sangre completa</h2>
    <form>
    <div class="container">
    <div class="row">
    <div class="col-md-4">
    <p>Cantidad de Coolers
    <select id="Cantidad" name="Cantidad" class="form-control">
    </select>
    </p>
    </div>
    <div class="col-md-4">
    <p>Coolers
    <select id="coolers" name="coolers" class="form-control"></select>

    </p>
    </div><br><br><br>
    <div class="col-md-4">
    <p><br><button id="enviar" type="submit" class="">Enviar</button></p>
    </div>
    </div>
    <div class="row">
    <div class="col-md-4">
    <p><b>El resultado es: </b></p><p id="resultado1"></p>
    </div>
    </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    </script>
    <script type="text/javascript" src="js/index.js"></script>
    </form>
    </center>


    <?php
    session_start();
    echo $cantidad=$_POST['Cantidad'];

    ?>
    </body>
    </html>


    este es el html ahora les dejo el ajax



    $(document).ready(function(){
    $.ajax({
    type: 'POST',
    url: 'cargar_listas.php'
    })
    .done(function(listas_rep){
    $('#Cantidad').html(listas_rep)
    })
    .fail(function(){
    alert('Hubo un errror al cargar las listas_rep')
    })

    $('#Cantidad').on('change', function(){
    var id = $('#Cantidad').val()
    $.ajax({
    type: 'POST',
    url: 'cargar_coolers.php',
    data: {'id': id}
    })
    .done(function(listas_rep){
    $('#coolers').html(listas_rep)
    })
    .fail(function(){
    alert('Hubo un errror al cargar los vídeos')
    })
    })

    $('#enviar').on('click', function(){
    var resultado = 'Cantidad ' + $('#Cantidad option:selected').text() +
    ' coolers elegido: ' + $('#coolers option:selected').text()

    $('#resultado1').html(resultado)
    })

    })
    $.ajax({

    type: "POST",
    url: "envio.php",
    data: resultado,
    success: function(){

    alert("Ha sido ejecutada la acción.");
    }
    })

    De este modo como esta el select funciona bien como me dijiste carlos que por que no se lo pasaba con ajax como venia aqui al final del ajax trate de enviarlo por url pero no funciona no se porque al final del ajax esta el envio y al final del html esta el php que lo recibe pero no funciona.


    Segun el metodo de Carlos este es el ajax:

    $(document).ready(function(){
    $.ajax({
    type: 'POST',
    url: 'cargar_listas.php'
    })
    .done(function(listas_rep){
    $('#Cantidad').html(listas_rep)
    })
    .fail(function(){
    alert('Hubo un errror al cargar las listas_rep')
    })

    $('#Cantidad').on('change', function(){
    var id = $('#Cantidad').val()
    $.ajax({
    type: 'POST',
    url: 'cargar_coolers.php',
    data: {'id': id}
    })
    .done(function(listas_rep){
    $('#coolers').html(listas_rep)
    })
    .fail(function(){
    alert('Hubo un error al cargar los vídeos')
    })
    })

    $('#enviar').on('click', function(){
    var resultado = 'Cantidad ' + $('#Cantidad option:selected').text() +
    ' coolers elegido: ' + $('#coolers option:selected').text()

    $('#resultado1').html(resultado)
    })

    })

    $.post('envio.php',{
    cantidad:$('#Cantidad option:selected').text(),
    cooler:$('#coolers option:selected').text()
    }).done(function(resp){
    // alert("Ha sido ejecutada la acción.");
    }).fail(function(err){
    //en caso de error
    })
    este es el php como llamo la variable segun el ajax de Carlos:

    <?php
    session_start();

    echo $cantidad=$_POST['cantidad'];
    echo $cooler=$_POST['cooler'];
    ?>



    Les explico a donde quiero llegar:

    Quiero poder permitirle al usuario que escoja una cantidad X de coolers, que es el primer select, depues que escoja la cantida que el siguiente select le muestre los cooler que están disponibles hasta aqui voy bien ahora quiero poder guardar todas esas seleciones echas por el usuario en unas variables para poder almacenarlas en la base de datos para tener un registro pero las selecciones estan en ajax y no se como sacarlas para PHP, el ID esta en un parrafo <p>

    quedo atento a su respuesta       Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com