cambiar div segun Select option

[webelgrillo]

Hola amigos.
Tengo un Formulario y dentro hay un select con 4 opciones quiero que cuando seleccione una de las opciones en un div me muestre su descripcion les dejo el el script.

<form enctype=multipart/form-data action=sube.php method=post>
<div id="tipo">
Tipo: <select name="tags">
<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>

<div id="describe">
describe: 1 <!-- que informe que es uno-->
</div>
<div id="boton"><input type="submit" value=subir><br></div>
</form>

Agradecere mucho la ayuda de ustedes como siempre lo hacen.

[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..

[webelgrillo]

gracias por ayudarme.

Código HTML:

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

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> 

Hasta este punto esta bien -
pero quiero que en el Div me imprima
UNO si es value 1
igualmente escriba DOS si es value 2 y como sigue
gracias por la ayuda.

[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??

[IEKK]

Iniciado por patypecas

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

Clase de Ajax
Si no sabes de Ajax,( aunque el ejemplo es mas javascript que Ajax), lo mejor es que mires algunos tutoriales.
No es necesaria ninguna clase. El ejemplo que ha puesto se entiende muy bien.

Saludos

[patypecas]

perdon la pregunta lo que pasa es que corri el ejemplo tal cual como esta y me sale un error de javascript aqui
result = json_decode( ajax.responseText );

nose si me falta una clase de json algo asi?? porque dice json_decode no esta definido