Cambiar el contenido de un <textarea> segun seleccion en un <select>

[Stackado]

Hola,

Bueno pues ahora me encuentro tratando de mostrar un valor determinado (almacenado en una BD) en un textarea, segun lo que se seleccione en un elemento <select>.

Cuento con una tabla llamada "codigos_observaciones", donde tengo los campos "cod_observ" y "observ", donde cada "observ" tiene su respectivo "cod_observ"

Veran imagino que lo mas viable es que se haga con AJAX ya que el textarea forma parte de un formulario y debe enviarse al final con todos los datos juntos, pero la verdad mis nociones de AJAX son muy pocas (por no decir nulas), asi que quisiera saber si pueden auxiliarme un poco, dejenme mostrarles como tengo estructurados los elementos con los que voy a trabajar.

El Select esta formado de la siguiente manera:

Código PHP:

Cod. Obs.
<br/>
<select name="cod_observ" id="cod_observ" style="width: 100%" size="5">
<?php
       $consulta  = 'SELECT cod_observ FROM codigos_observaciones';
       $resultado = mysql_query($consulta) or die('La consulta fall&oacute;: ' .  mysql_error());
       while($b = mysql_fetch_array($resultado)){
       echo '<option value="'.$b["cod_observ"].'">'.$b["cod_observ"].'</option>';
}
?>      
</select>
 

Y mi textarea esta así

Código HTML:

Descripción
<br/>
<textarea id="observ" name="observ" cols="20" rows="5"></textarea>
 

como pueden ver los elementos del select tambien son extraidos de la tabla "codigos_observaciones", lo que significa que al seleccionar cierto elemento solo tendra que extraer el campo "observ" donde "cod_observ" sea igual al criterio de busqueda que envie al seleccionar un elemento del select ya sea con la propiedad Onchange ú Onclick.

Ahora en otro sistema que realize, basandome en un ejemplo que encontre en internet, logre armar una función que con AJAX realizaba una consulta desde otra pagina que mandaba llamar y me mostraba el resultado sin recargar la pagina al presionar Enter, así que supongo que puedo partir de aqui para facilitar las cosas y solo modificarla para que funcione con mi select, podrian darme una mano por favor.

El codigo AJAX es le siguiente:

Código Javascript:

/****************Realizacion de consulta por medio de AJAX al presional ENTER Keycode == 13********************/
      function detectkey(evt,obj) {
      keycode = (evt.keyCode==0) ? evt.which : evt.keyCode;
    if (keycode==13){
          if (document.getElementById('NumFolio').value.length == 0){
          alert("Debe completar el formulario");
          document.getElementById('NumFolio').focus();
          return 0;}
          var Sfolio=obj.value + String.fromCharCode(keycode);
          var pagina='externos/filtra.php?Sfolio=S'+Sfolio;
          
          divcontenido = document.getElementById('SSform1');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);
    }     
      }
 

Asumiendo que se modifico ya el codigo AJAX, la pagina que realiza la consulta deberia quedar de la siguiente forma:

Código PHP:

<?PHP
$conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor");
$db="bitacora_seguridad"; // el nombre de la base de datos
    mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos
 
    if(isset($_REQUEST['cod_observ'])) {
    $cod_obs = $_REQUEST['cod_observ'];
    $query="SELECT observ
           FROM codigos_observaciones
           WHERE (cod_observ LIKE '$cod_obs')";
     };
     
     $consulta=mysql_query($query,$conexion);
?>
<?php
    echo"<td>";
        echo"Descripcion";
        echo"<br/>";
        echo"<textarea id='observ' name='observ' cols='20' rows='5'>";
            while($row = mysql_fetch_array($consulta)) {
            $row['observ'];
            }
        echo"</textarea>";
    echo"</td>";
?>
 

Realmente solo falta que el AJAX se acomode para que se active al seleccionar alguna opcion del select, realiza la consulta y la muestra en el textarea, podrian ayudarme a modificarlo o darme una idae de como quedaria por favor.

[Stackado]

Hola,

jugando un poco con el codigo lo eh modificado de la siguiente manera:

Codigo AJAX

Código Javascript:

/************Funciones de Ajax para el intercambio Asincrono de Información*************/
    function objetoAjax(){
          var xmlhttp=false;
          try {
              xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
              try {
                 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              } catch (E) {
                  xmlhttp = false;
          }
          }
          if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
              xmlhttp = new XMLHttpRequest();
          }
          return xmlhttp;
      }
/****************Realizacion de consulta por medio de AJAX  usando un <select>********************/
      function detectkey(evt,obj) {
          var cod_observ=obj.value;
          var pagina='externos/filtra_observ.php?cod_observ='+cod_observ;
          divcontenido = document.getElementById('SSform1');
          ajax=objetoAjax();
          ajax.open("POST", pagina, true);
          ajax.onreadystatechange=function() {
            if (ajax.readyState==4) {
              divcontenido.innerHTML = ajax.responseText
            }
          }
          ajax.send(null);  
      };
 

Comprobandolo con el firebug parece que si envia la información al seleccionar algun elemento del select, pero parace que estoy teniendo problemas en la forma de mostrar el resultado, puesto que solo me regresa el textarea vacio.

El resultado lo muestro así:

Código PHP:

<?PHP
    $conexion = mysql_connect("localhost", "root", "root") or die ("No se puede conectar con el servidor");
    $db="bitacora_seguridad"; // el nombre de la base de datos
    mysql_select_db($db, $conexion) or die('No pudo seleccionarse la BD.'); // conectamos con la base de datos
 
    if(isset($_REQUEST['cod_observ'])) {
    $cod_obs = $_REQUEST['cod_observ'];
    $query="SELECT observ
           FROM codigos_observaciones
           WHERE (cod_observ LIKE '$cod_obs')";
     };
     
     $consulta=mysql_query($query,$conexion);
?>
<?php
    echo"<td>";
        echo"Descripcion";
        echo"<br/>";
        echo"<textarea id='observ' name='observ' cols='20' rows='5'>";
            while($row = mysql_fetch_array($consulta)) {
            $row['observ'];
            }
        echo"</textarea>";
    echo"</td>";
?>
 

Donde podra estar el error?, no logro ver algo mal :S

[Stackado]

Hola,

¡Listo!, bueno pues solo era cuestion de agregar un echo antes de mostrar el resultado. jejeje

Problema resuelto amigos, gracias.

Saludos.