[SOLUCIONADO] PHP OO Select Option Dual con php y Jquery, leanlo pliss

andres18281 · #1 (**permalink**) 08/10/2014, 07:03

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<html>
    <header>
<?php
include_once('../Controlador/Consultas.php');   
?>
<form name="Formulario" action ="" method="POST">
<label>Pais</label>
    <select name="pais" id="pais">
    <option value ="0"></option>
<?php
        $consul = new Consultas();
        $row = $consul->consulta_pais();
        for($i = 0;$i < count($row); $i++){
            $codigo = $row[$i]['codigo'];
            $nombre_p = $row[$i]['nombre'];
            echo '<option value ="'.$codigo.'">'.$nombre_p.'</option>';
        }
?>
    </select>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
    <script type="text/javascript" charset="utf-8">
      $(document).ready(function() {
      // Parametros para el combo
       $("#pais").change(function () {
          $("#pais option:selected").each(function () {
            valor=$(this).val();
            $.post("agregar_cliente.php", { valor: valor }, function(data){
            $("#ciudad").html(data);
          });     
         });
       });    
    });
        }
    </script>
<input type="Submit" name="btn_enviar" value="Boton para enviar" id="btn_enviar">
</form>
 
<?php
        if(isset($_POST["btn_enviar"])){
            echo $_POST['valor'];
?>
</body>
</html>

andres18281 · #2 (**permalink**) 08/10/2014, 07:15

pues alli hay un boton para que halla alguna accion y un $_POST tome el valor
obviamente hay un select option con ciudades pero no funciona por el simple hecho de que no logra tomar el valor en el $_POST para poder hacer una consulta en mysql y lo devuelva y muestre en el select de ciudad

elporfirio · #3 (**permalink**) 09/10/2014, 10:30

estas suponiendo que el $(this) es el valor del select :selected pero no es asi:

solo cambia de:

Código Javascript:

Ver original$("#pais").change(function () {
          $("#pais option:selected").each(function () {
            valor=$(this).val();
            $.post("agregar_cliente.php", { valor: valor }, function(data){
            $("#ciudad").html(data);
          });     
         })

a esto

Código Javascript:

Ver original$("#pais").change(function () {
          $("#pais option:selected").each(function (index, value) {
            valor=$(value).val();
            $.post("agregar_cliente.php", { valor: valor }, function(data){
            $("#ciudad").html(data);
          });     
         })