Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/10/2014, 07:03
andres18281
 
Fecha de Ingreso: febrero-2013
Ubicación: Cali Colombia
Mensajes: 118
Antigüedad: 11 años, 2 meses
Puntos: 0
Select Option Dual con php y Jquery, leanlo pliss

Cordial Saludo, realmente este es un tema que tiene jquery y php, decidi ponerlo en el foro de javascript me perdona si el tema es de php.

Estoy tratando de usar un doble select option pero no lo he logrado, mi codigo es un poco largo asi que abstraje una parte. Intento por lo menos que en el script de php terminando donde valida el boton imprima la opcion seleccionada, hay otras formas con javascript de hacerlo pero me interesa el script en jquery como esta alli.
En el script de php donde esta el for, muestra perfectamente las opciones alli no no hay problema,
el en $.post("agregar_cliente.php", { valor: valor }, function(data){ el "agregar_cliente.php" se esta referenciando la pagina a si misma, intente llamar a otra pagina e hice pruebas capturando con el $_POST['valor'] y que me devolviera un valor boleano para ver si efectivamente la captura un valor pero aparece error como indefinido...

Si coloco un Alert dentro del script de jquery efectivamente imprime el valor seleccionado.

Por favor ayuda con este ejercicio

Código Javascript:
Ver original
  1. <html>
  2.     <header>
  3. <?php
  4. include_once('../Controlador/Consultas.php');  
  5. ?>
  6. <form name="Formulario" action ="" method="POST">
  7. <label>Pais</label>
  8.     <select name="pais" id="pais">
  9.     <option value ="0"></option>
  10. <?php
  11.         $consul = new Consultas();
  12.         $row = $consul->consulta_pais();
  13.         for($i = 0;$i < count($row); $i++){
  14.             $codigo = $row[$i]['codigo'];
  15.             $nombre_p = $row[$i]['nombre'];
  16.             echo '<option value ="'.$codigo.'">'.$nombre_p.'</option>';
  17.         }
  18. ?>
  19.     </select>
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
  21.     <script type="text/javascript" charset="utf-8">
  22.       $(document).ready(function() {
  23.       // Parametros para el combo
  24.        $("#pais").change(function () {
  25.           $("#pais option:selected").each(function () {
  26.             valor=$(this).val();
  27.             $.post("agregar_cliente.php", { valor: valor }, function(data){
  28.             $("#ciudad").html(data);
  29.           });    
  30.          });
  31.        });    
  32.     });
  33.         }
  34.     </script>
  35. <input type="Submit" name="btn_enviar" value="Boton para enviar" id="btn_enviar">
  36. </form>
  37.  
  38. <?php
  39.         if(isset($_POST["btn_enviar"])){
  40.             echo $_POST['valor'];
  41. ?>
  42. </body>
  43. </html>