[SOLUCIONADO] Estructuras anidadas con php y jquery

[Edgasa]

Hola. Hay algo que no se como realizar y espero me podáis ayudar un poco.
Me he formado el siguiente código:


<td colspan="2" align="left" class="tituloformas">
<div align="left">
<select name="especialidad" class="caja" id="especialidad">Todos</option>
<?php
$res_cate=mysql_query("SELECT cat.id,cat.categoria FROM categorias AS cat, clie_especialidad AS clie, clie_principal AS prin WHERE cat.dirigido=9 AND cat.id IN (clie.esp1,clie.esp2,clie.esp3,clie.esp4) AND clie.id_clie = prin.id AND prin.tipo = '9' AND prin.estatus = '1' AND prin.aceptado = '1' GROUP BY cat.id ORDER BY cat.categoria ASC")or die("Error en el listado de estados".mysql_error());
while($row_cate=mysql_fetch_array($res_cate))
{
echo '<option value="'.$row_cate['id'].'">'.($row_cate['categoria']).'</option>';
}
mysql_free_result($res_cate);
?>
</select>
</div>
</td>




Como podéis ver saco datos en un struct con php, pero no se como hacer para obtener el value de la opción que seleccione el usuario,me han dicho que con jquery es sencillo. He buscado en la red y no me he encontrado nada. Podéis ayudarme? Muchas gracias

[Erick_MD9]

Hola, no entiendo bien tu problema, creo que deberias leer esto.
http://php.net/manual/es/language.va...s.external.php

Saludos

[Edgasa]

Gracias por contestar. Os comento, pasa que no estoy muy avanzado en el php. Lo que me agradaría obtener es el valor del campo value="'.$row_cate['id'].'" A cada iteracion del while cambia el valor de dicho campo, quiero saber cual es ese valor según la opción que seleccione el usuario del tal forma que pueda tomar ese valor y hacer otra comparación.

[Erick_MD9]

Iniciado por Edgasa

Gracias por contestar. Os comento, pasa que no estoy muy avanzado en el php. Lo que me agradaría obtener es el valor del campo value="'.$row_cate['id'].'" A cada iteracion del while cambia el valor de dicho campo, quiero saber cual es ese valor según la opción que seleccione el usuario del tal forma que pueda tomar ese valor y hacer otra comparación.

Hola, tu pregunta es ambigua, donde quieres conocer la información que se ha seleccionado; ¿en el navegador? o ¿en el servidor?.

Si es en el servidor, tienes leer la informacion de la liga de mi post anterior. Si es en el navegador, estas en el foro incorrecto, es en javascript.

Saludos

[AlanChavez]

Esto no va aqui, ya que tu pregunta es de jQuery asi que un moderador deberia moverla al foro apropiada.

Sin embargo, respondiendo tu pregunta:

El atributo id de tu select es "especialidad", asumiendo que ya tienes referenciado jQuery en tu pagina, lo que necesitas hacer es:

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
var select = $('#especialidad');
select.on('change', function(e) {
    console.log($(this).val()); // Te manda el valor a la consola
   alert($(this).val());  // Te manda el valor en un alert box
});
});
</script>
 

[Edgasa]

Me agradaría almacenar el valor en una variable para poder usarla después. Ese desplegable me muestra 30 opciones,quiero saber cual opción selecciona el usuario para realizar,con ese valor,otro filtro mas adelante. Disculpad si no es la sección correcta,como lo vengo haciendo en php y no se que mas utilizar supuse que era aquí la sección correcta. Gracias.

[AlanChavez]

En una variable en PHP, o una variable en javascript?

Que es exactamente lo que quieres hacer?

[Erick_MD9]

Iniciado por Edgasa

Me agradaría almacenar el valor en una variable para poder usarla después. Ese desplegable me muestra 30 opciones,quiero saber cual opción selecciona el usuario para realizar,con ese valor,otro filtro mas adelante. Disculpad si no es la sección correcta,como lo vengo haciendo en php y no se que mas utilizar supuse que era aquí la sección correcta. Gracias.

Percibo una enorme confusión entre ejecución en cliente y servidor, deberias revisar el ambito de ambos primero.

Saludos.

[Edgasa]

Es un sistema para buscar doctores,en el código que he subido se muestran todos los estados de Mexico,tengo en una base de datos las ciudades mas importantes de ese pais, pero no todas pertenecen al mismo estado,entonces necesito el valor del id del estado que han seleccionado para en base a eso hacer otro query para solo mostrar los ciudades que pertenecen a ese estado,no todas. Gracias

[AlanChavez]

Ok, basicamente necesitas llenar un segundo select con la informacion seleccionada en el primero.

Primero tienes que definir el segundo select en HTML

Código HTML:

<select name="ciudades" id="selectCiudades"></select>
 

Si lo quieres hacer sin recargar la pagina, lo que tienes que hacer es crear un archivo independiente que regrese un objeto JSON, y lo vas a llamar de la siguiente manera en Javascript:

Código Javascript:

$(document).ready(function() {
var select = $('#especialidad');
select.on('change', function(e) {
   $.ajax({
        type: "POST",
        url: "ciudadPorEstado.php",
        data: {estado: select.val()}
    }).done(function(datos) {
         $.each(datos, function(id, nombre) {   
            $('#selectCiudades')
            .append($("<option></option>")
            .attr("value",datos.id)
              .text(datos.nombre);
});
    });
});
});
 

Despues tu archivo ciudadPorEstado.php debe lucir algo asi:

Código PHP:

<?php
 
$estado = $_POST['estado'];
/** aqui haz tu llamada a la base de datos, y llenas un array con la informacion de tu base de datos
     y supongamos que almacenas los resultados de la base de datos en el array $ciudades con las llaves id, y nombre.
     tendrias un array de la siguiente forma:
 
 $ciudades[0]['id']  = 2;
 $ciudades[0]['nombre'] = "Monterrey"
 
 $ciudades[1]['id'] = 3;
 $ciudades[1]['nombre'] = "DF"
 
 $ciudades[2]['id'] = 1;
 $ciudades[2]['nombre'] = "Guadalajara"
**/
 
return json_encode($ciudades);
 

De esa manera puedes llenar un segundo combo box con AJAX, jQuery y PHP.

Obviamente el ejemplo descrito arriba es meramente practico, pero te sirve para dare una idea general de lo que tienes que hacer.

[Edgasa]

Vale,lo voy a implementar. Muchas gracias.