problemas con un select

[temor_182]

el problema es q tengo el siguiente select

Código HTML:

<select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                       
                        <option value="0">--Lista de actividades--</option>
                        <option value="1">Correo Electronico</option>
                        <option value="2" selected="selected" >Llamada Telefonica</option>
                        <option value="3">Agendar Cita</option>
                    </select>
 

el cual me manda a llamar a la siguiente funcion

Código Javascript:

function mostrarDiv(valor){
        
        if (valor == 1){            
                                document.getElementById('correo').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';                                
                                document.getElementById('llamada').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';
                                }
        else if (valor == 2){
                                document.getElementById('llamada').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';}
        else if (valor == 3){
                                document.getElementById('cita').style.display = 'block';
                                document.getElementById('actividad').style.display = 'none';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('llamada').style.display = 'none';
                                }
        else if (valor == 0){                   
                                document.getElementById('actividad').style.display = 'block';
                                document.getElementById('correo').style.display = 'none';
                                document.getElementById('llamada').style.display = 'none';
                                document.getElementById('cita').style.display = 'none';}
                          
                        }
 

lo unico q hago es mostrar y ocultar los div dentro de cada div se vuelve a mostrar el mismo combo en el cual se pone por default la opcion seleccionada pero solo se pone bien la 1er vez pero la segunda vez q le doy click para q me muestre el div en el select me sale la opcion del div anterior.

por ejemplo: si del combo selecciono correo se muestra el div de correo y en el select la opcion q se muestra por default tiene q ser correo eso lo hace bien solo la 1era vez pero una vez que ya recorri todas las opciones cuando me cambio otra vez a correo y por ejemplo estaba en llamada en lugar de mostrar correo en el select me sale llamada espero me haya dado a entender.

saludos y gracias.

[goteen_mx]

puedes enviar la opcion seleccionada a tu funcion y posteriormente a mostrar los divs seleccionarla

Código Javascript:

function mostrarDiv(valor, opcionSeleccionada){
           
            if (valor == 1){           
                                    document.getElementById('correo').style.display = 'block';
                                    document.getElementById('actividad').style.display = 'none';                               
                                    document.getElementById('llamada').style.display = 'none';
                                    document.getElementById('cita').style.display = 'none';
                                    }
            else if (valor == 2){
                                    document.getElementById('llamada').style.display = 'block';
                                    document.getElementById('actividad').style.display = 'none';
                                    document.getElementById('correo').style.display = 'none';
                                    document.getElementById('cita').style.display = 'none';}
            else if (valor == 3){
                                    document.getElementById('cita').style.display = 'block';
                                    document.getElementById('actividad').style.display = 'none';
                                    document.getElementById('correo').style.display = 'none';
                                    document.getElementById('llamada').style.display = 'none';
                                    }
            else if (valor == 0){                  
                                    document.getElementById('actividad').style.display = 'block';
                                    document.getElementById('correo').style.display = 'none';
                                    document.getElementById('llamada').style.display = 'none';
                                    document.getElementById('cita').style.display = 'none';}
                             
                            }
    document.getElementById("combo").selectedIndex=opcionSeleccionada;
}
 
 
 
<select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value,this.options.selectedIndex )">
 

Saludos.

[temor_182]

muchas gracias por la ayuda, lamentablemente me sigue pasando lo mismo

sera q tengo q recargar la pagina o cambiar la forma en q muesto los divs?

[alexg88]

Pon todo el HTML porque me parece que no estás poniendo todo lo necesario para entender el problema

[temor_182]

disculpen la tardanza a continuacion les dejo una abreviatura del codigo

Código HTML:

<div id="general">
 
    <div id="actividad" style="display:block">
        <select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                            <option value="0" selected="selected">--Lista de actividades--</option>
                            <option value="1">Correo Electronico</option>
                            <option value="2">Llamada Telefonica</option>
                            <option value="3">Agendar Cita</option>
        </select>
    </div>
    
    <div id="llamada" style="display:none">
        <select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                            <option value="0">--Lista de actividades--</option>
                            <option value="1">Correo Electronico</option>
                            <option value="2" selected="selected">Llamada Telefonica</option>
                            <option value="3">Agendar Cita</option>
        </select>
    </div>
    
    <div id="cita" style="display:none">
        <select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                            <option value="0">--Lista de actividades--</option>
                            <option value="1">Correo Electronico</option>
                            <option value="2">Llamada Telefonica</option>
                            <option value="3" selected="selected">Agendar Cita</option>
       </select>
    </div>
    
    <div id="correo" style="display:none">
        <select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value)">
                            <option value="0">--Lista de actividades--</option>
                            <option value="1" selected="selected">Correo Electronico</option>
                            <option value="2">Llamada Telefonica</option>
                            <option value="3">Agendar Cita</option>
       </select>
    </div>
    
</div>
 

basicamente esa es la idea q ir mostrando solo un div a la vez y q cuando se muestre el div siempre salga por defaul una opcion seleccionada si es el combo de correo q en el combo la opcion por defualt sea la de correo y de igual manera en los demas combos.

saludos

[temor_182]

buenas pues le pude dar selucion al problema q tenia de la siguiente forma

Código HTML:

<select name="actividad" id="combo" onchange="mostrarDiv(this.options[this.options.selectedIndex].value), this.options.selectedIndex = 0 ">
 

solo cambiando el valor por cada select dependiendo del valor que quiero q se muestre.

a lo mejor hay formas mas profecionales me gustaria saberlo, pero asi jalo de momento.

gracias