[SOLUCIONADO] Uso del evento onchange en php

[jessita_16]

Hola a todos, desde hace días estoy intentando hacer uso del evento "onchange" en php ya que necesito que al seleccionar en un "select list" un campo me cargue inmediatamente la información que este relacionada con el mismo, he buscado y todos los ejemplos todos estan con javascript y no se si es posible hacerlo solo con PHP, espero su pronta respuesta GRACIAS

[pateketrueke]

PHP se ejecuta en el servidor y el evento onclick es propio del navegador, ¿notas la diferencia?

[chmorataya]

Hola,

para lo que quieres hacer tienes que usar el evento del onchange del select, pero a la hora de que ocurra tendrias que enviar un form, pero no es una forma optima ni muy recomendable, es mas no se si funcionara correctamente, lo que te sugiero es que uses ajax para que de manera asincrona puedas ir a traer informacion a la bd y mostrarla cada vez que cambies tu select.
por Ejemplo con Jquery:

function valor() {
var valorSelect= $("#MiSelect").val();
//y aca llamar una pagina con la consulta
$("#divData").load("datos.php?valor="+valorSelect) ;

}

<select onchangue='valor()' id="MiSelect">
<option value='1'>Valor 1</option>
<option value='2'>Valor 2</option>
</select>

<div id="divData"> aqui se cargara tu info</div>

bueno seria una idea un poco mas optima a lo que quieres hacer


saludos

[AlanChavez]

No puedes utilizar el evento onchange en PHP, porque PHP no tiene ni idea de que dicho evento existe.

PHP es un lenguaje que se ejecuta en el servidor, el evento onchange sucede en el navegador.

Para cuando el evento onchange ocurre, PHP ya termino su ejecucion.

Lo que tienes que hacer es utilizar AJAX.

El evento onchange lo capturas con Javascript, haces una llamada AJAX a otro script PHP y modificas la informacion en tu pagina dependiendo de la respuesta de la ejecucion del otro PHP.

Hay muchisimos tutoriales en la web al respecto, de preferencia utiliza jQuery y no utilices el atributo "onchange" del HTML ya que es una pesima practica de programacion.

[ocp001a]

y no utilices el atributo "onchange" del HTML ya que es una pesima practica de programacion.

¿Podrías explicar los motivos?

[GatorV]

Iniciado por ocp001a

¿Podrías explicar los motivos?

Creo que se refiere a hardcodear en el HTML directamente, p.e.

Código HTML:

<input onchange="foo();">
 

Lo que se recomienda es que directamente desde Javascript, escuches el evento, es lo recomendado ahora.

Saludos.

[AlanChavez]

Iniciado por ocp001a

¿Podrías explicar los motivos?

Porque al utilizar el atributo onchange de algunas etiquetas de HTML estás programando intrusivamente en Javascript.

Tambien estás mezclando la logica (en este caso Javascript), con la presentación (HTML/CSS).

Tambien estás mezclando dos lenguajes (JavaScript y HTML).

De esta manera tambien puedes diseñar una aplicacion tolerante a fallas porque los scripts que manipulan o interactuan con el DOM de alguna manera no generan errores al momento de la presentacion. Si un elemento no puede ser representando apropiadamente, simplemente no se muestra.

idealmente todos tus scripts deberian estar escritos en archivos .js y ser referenciados en HTML con la etiqueta

<script src="miScript.js"></script>

De esta manera previenes repeticion de codigo, puedes tomar ventaja del cache de los navegadores, hacer uso de redes de distribucion de contenido (CDN) o minificar y concatenar tus archivos .js.

Tambien al utilizar los atributos en-linea para funciones javascript haces el proceso de "testing" mas dificil, ya que es complicado escribir tests funcionales utilizando frameworks como Jasmine, por ejemplo.

No solamente es cuestion de moda, tiene un monton de ventajas.

Cuando veo cosas como:

Código PHP:

<?php
 
$miVariable = "hola mundo";
echo "<td><a href=\"#\" onclick=\"alert(\"".$miVariable."\")\"> haz click aqui </a> </td>"
 
?>
 

ughh me dan ganas de vomitar.

[Lautaro_eb]

Ajax, es la forma mas simple de lograr esto

[jessita_16]

Gracias a todos por sus respuestas lo probare con las sugerencias que me han dado todos y ya les comentare de que forma me funciono mejor (si es que me funciona xD)...

[jessita_16]

por cierto no cerre este tema, les cuento solucione con PHP pero no es la forma mas correcta ahora este tipo de eventos los manejo con javascript, de igual manera les dejo la solución con PHP pero repito que no es la solución adecuada.

Código PHP:

 <select name="busqueda"  onChange="this.form.submit()" > 
  <option >Seleccione una opci&oacute;n</option> 
  
  
<?php if(isset($_POST["busqueda"])&& $_POST['busqueda']==1){  ?> 
  <option value="1" selected="selected">Autor</option>> 
<?php }  else {?> 
   <option value="1">Autor</option> 
<?php }?> 
 
<?php if(isset($_POST["busqueda"])&& $_POST['busqueda']==2){  ?> 
  <option value="2" selected="selected">Editorial</option> 
<?php }  else {?> 
    <option value="2">Editorial</option> 
<?php }?> 
 
<?php if(isset($_POST["busqueda"])&& $_POST['busqueda']==3){  ?> 
  <option value="3" selected="selected">Ámbito</option> 
<?php }  else {?> 
  <option value="3">Ámbito</option> 
<?php }?> 
<?php if(isset($_POST["busqueda"])&& $_POST['busqueda']==4){  ?> 
  <option value="4" selected="selected">Título</option> 
<?php }  else {?> 
  <option value="4">Título</option> 
<?php }?> 
<?php if(isset($_POST["busqueda"])&& $_POST['busqueda']==5){  ?> 
  <option value="5" selected="selected">Todos</option>> 
<?php }  else {?> 
   <option value="5">Todos</option> 
<?php }?> 
 
 
</select>  

Saludos a todos y gracias por sus respuestas.