Rellenar inputs desde mysql con jquery

[cotarejo]

Buenas tardes a todos!!

Tengo un pequeño problema, he creado un formulario, lo primero que aparece es un combobox con el nombre de 5 restaurantes que obtengo de una base de datos en mysql... La base de datos tiene 3 campos... nombre, localidad y teléfono.

Después hay 2 campos input type="text", lo que necesito, es que de manera síncrona, "jquery o ajax" cuando seleccione un nombre de restaurante del combobox, me aparezca los datos que ya existen en la base de datos en los propios inputs... luego tiene un botón de actualizar que actualiza la base de datos con los datos que hay en el input "ese último paso de hacer el update con los datos que hay en los inputs ya me funciona perfectamente" lo que no consigo es que me aparezcan los datos que hay en la base de datos en los inputs.


Genra combobox:

<select name="comboseleccion">
<option value=""></option>
<?php
$nombrerestaurantes = 'SELECT `nombre` FROM `restaurantes`';

$consulta = $conexionRestaurantes->query($nombrerestaurantes);

foreach ( $consulta as $listarestaurantes){
echo "<option value=".$listarestaurantes['nombre'].">".$listarestaurantes['nombre']."</option>\n";
}

?>



Inputs:

<p class="espacio">Localidad:<input class="espacio2" name="cambiarlocalidad" type="text" id="cambiarlocalidad" /></p>
<p class="espacio">Teléfono:<input class="espacio2" name="cambiartelefono" type="text" id="cambiartelefono" /></p>
<input id="botonmodificar" type="submit" name="botonmodificar" value="Modificar" />


Estaba probando con ajax, tal que así:

<script type = "text/javascript">
$("#comboseleccion").change(function() {
$.ajax({
url: "altas.php",
type: "POST",
data: $(this).serialize(),
success: function(response) {
$("#cambiarlocalidad").val(response);
}
});
});
</script>


Como último dato a dar que se me ocurre, es que la página donde está el código se llama altas.php y todo se desarrolla en esa página, no obtiene datos de ninguna otra parte que no sea la base de datos en mysql.


¿¿Alguna idea???


Muchísimas gracias.

[pateketrueke]

A ver, ¿el problema es Javascript o PHP?

[cotarejo]

no sé muy bien que responder a eso... el problema es que no sé cómo hacer que se rellenen los inputs de manera automática al cambiar el valor del combobox... lógicamente con php hago la conexión a la base de datos mysql, y para hacer jquery o ajax necesito hacerlo en javascript... pero no sé como combiar ambos y decirle a jquery que pille los datos de la base de datos y los introduzca en los inputs de manera síncrona.


Gracias

[pateketrueke]

pero no sé como combiar ambos y decirle a jquery que pille los datos de la base de datos y los introduzca en los inputs de manera síncrona.

Pues ahí te has respondido tu sólo: el problema que tienes es con Javascript porque según explicas del lado de PHP no tienes ningún problema.

jQuery no puede pillar nada de la base de datos, eso es responsabilidad de PHP, así que primero deberías aprender a usar jQuery.

[cotarejo]

Si... si yo sé que tengo el problema en jquery, porque obtener datos de la base de datos los obtengo correctamente. Pero no sé como hacer la conexión síncrona con jquery para poder rellenar los inputs con los datos obtenidos en la consulta desde php a mysql, lo he intentado de mil maneras y no consigo nada de nada.

¿¿¿ Alguna ayuda ????


Gracias.

[pateketrueke]

Pero no sé como hacer la conexión síncrona con jquery para poder rellenar los inputs con los datos obtenidos en la consulta desde php a mysql, lo he intentado de mil maneras y no consigo nada de nada.

¡Pero si eso ya lo estás haciendo!

¿O qué crees que significa la instrucción $.ajax de jQuery?

Código Javascript:

// ¿esto funciona o no?
$("#cambiarlocalidad").val(response);
 

Ahí mismo estás haciendo la operación que invoca tu script de PHP, todo bien ahí.

Sin embargo ahí debes saber manejar la respuesta en el callback de "success", pero eso es jQuery (Javascript) únicamente.

Y tampoco explicas lo que sucede ahí, como tampoco podemos ejecutar tu código mentalmente para saber si ahí está el problema, etc.

¿¿¿ Alguna ayuda ????

¿Exactamente que tipo de ayuda necesitas?

Porque vamos, tu también nos debes ayudar a entender tu problema.

[chivacker]

Hola,

Te digo que básicamente una solución simple que veo es pasar los valores que quieras mediante data-attributes en cada option del select. Es decir, cuando hagas la petición de la base de datos obtendrás un resultado que si es en forma de objeto será algo así como:

Código:

<select id="selector">
<?php foreach($resultados as $columna): ?>
<option value="<?= $columna->id ?>" data-direccion="<?= $columna->direccion ?>" data-ciudad="<?= $columna->ciudad ?>"><?= $columna->nombre ?></option> 
<?php endforeach; ?>
</select>

Entonces luego de hacer esto mediante jquery haces un

Código:

$("#selector").change(function(){
 
})

Y en la función del change asignas los data-attributes a cada valor del input.

Creo que ha quedado claro.

Saludos y mucha suerte

[cotarejo]

Gracias por contestar, pero cuando dices:

Y en la función del change asignas los data-attributes a cada valor del input.


a qué te refieres exactamente???


Gracias.