cambiar div segun Select option

[patypecas]

Iniciado por themitnew

Puedes hacer lo siguiente... utilizando el evento onchange del select. llamas a un metodo javascript que te cambiará el contenido de tu div donde quieres q se muestre la descripcion

Código HTML:

<select name="tags" onchange="mostrar(this);" >
        <option value="1">uno</option><!-- Si Selecciono uno-->
        <option value="2">dos</option>
        <option value="3">tres</option>
        <option value="4">cuatro</option>
    </select>
    
    <div id="describe"></div>
 

Código Javascript:

<script type="text/javascript">
        function mostrar( obj ){
            var container = document.getElementById("describe") ;
            container.innerHTML = " Item seleccionado.. " + obj[ obj.selectedIndex ].value ;
        }
    </script>
 

Ahora si lo que quieres es acceder a la base de datos para consultar su descripcion puedes hacer esto..
Solo cambias el metodo mostrar

Código Javascript:

<script type="text/javascript">
        function getObjectAjax () {
            var xmlHttp ;
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
            return xmlHttp;
        }
        
        function mostrar( obj ){
            var ajax = getObjectAjax();
            var url = "miweb.com/getdescription.php?id=" + obj[ obj.selectedIndex ].value ;
            ajax.open( "post", url );
            ajax.onreadystatechange = function () {
                if ( ajax.readyState == 4 ) {
                    result = json_decode( ajax.responseText  );
                    var container = document.getElementById("describe") ;
                    container.innerHTML = ajax.responseText ;
                }
            }
            ajax.send(null);
        }
    </script>
 

Fijate en tu variable url del metodo mostrar pones la url de un archivo que reciba el id y recupere la descripcion de la base de datos y le haces un echo
algo asi..

Código PHP:

<?php
//  .. .. . . .. obteniendo descripcion
$descr = 'algo que saque de la BD' ;
echo $descr ;
?>
 

eso es todo..

estoy intendao con este ejemplo ajax pero creo que falta alguna clase de ajax cual es la que hace falta??