Ayuda Código JavaScript

devilitao #1 Ene '14

Buenos días, tengo un problema con javascript, la idea es que al elegir un elemento de la primera lista desplegable, automáticamente salga la siguiente lista y hasta allí todo sale bien, la idea es que cuando se seleccione algo de la segunda lista desplegable, que salga un texto con información debajo. Si alguien me puede ayudar le estaría muy agradecido.

Gracias

<?php
session_start();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict// EN " " htto://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilo13.css" rel="stylesheet" type="text/css">    

    <title>Page Title</title>




</head>
<script type="text/javascript">
function escoger(){
    var i,eleccion;
    var array1 = new Array("Thor","Spider-Man","Hulk","Black Bolt","Deadpool");
    var array2 = new Array("Batman","Joker","Flash","Green Lantern","Wonder Woman");
    

i = document.formu.op1.selectedIndex;
switch(i){
    case 1:
        eleccion=array1;
        break;
    case 2:
        eleccion=array2;
        break;
    default:
}
for(j=0;j<formu.op2.length;j++){
        document.formu.op2.options[j].value=eleccion[j];
        document.formu.op2.options[j].text=eleccion[j];
    }
}
</script>
<body>
<div id="principal">
<div id="cabecera">


</div>
<div id="menu">
<ul>
<li><a href="inicio.php">Inicio</a></li>
<li><a href="comic.php">Comic</a></li>
<li><a href="superheroes.html">Super Heroes</a></li>
<li><a href="inicio.html">Tienda Virtual</a></li>
<li><a href="inicio.html">Contacto</a></li>

</ul>
</div>

   

<div id=columnaizq>
<?php

if(isset($_SESSION['Username'])) {
    echo 'Bienvenido, ';
    echo '<b>'.$_SESSION['Username'].'</b>.';
    echo '<p><a href="logout.php">Logout</a></p>';
    echo '<p><a href="borrar.php">Borrar</a></p>';
}else{    

echo '<div class=container>';
echo '<div class=login>';
 echo '<h1>Iniciar Sección</h1>';
            echo  '<a href="registrar.php">Registrese</a> o Inicie secion abajo<br /><br/>';
           echo ' <form method="post" action="validar_usuario.php">
            <p><input type="text" name="nickname" id="nickname" value="" placeholder="Username or Email"></p>
            <p><input type="password" name="password1" id="password1" value="" placeholder="Password"></p>
            <p class="submit"><input type="submit" name="commit" value="Entrar"></p>
        </form>';
   echo  '</div>';
    

 echo '</div>';
}
?>
 </div>





<div id="columnader">
<FORM name="formu">
    <SELECT NAME="op1" onchange="escoger();">
        <OPTION SELECTED VALUE="">Seleccione una de las editoriales
        <OPTION VALUE="Marvel">Marvel
        <OPTION VALUE="DC">DC
    </SELECT>
    <SELECT NAME="op2" onchange="">
        <OPTION VALUE="">
        <OPTION VALUE="">
        <OPTION VALUE="">
        <OPTION VALUE="">
    </SELECT>
</FORM>


</div>
<div class="clear">
</div>
<div id="pie">

</div>
</div>




</body>
</html>

Zerokkk #2 Ene '14

No entiendo muy bien qué pretendes conseguir, ¿quieres que cuando selecciones una opción, te aparezca un texto debajo?

En tal caso, si no me equivoco debería ir dentro del for:

    for(j=0;j<formu.op2.length;j++){
            document.formu.op2.options[j].value=eleccion[j];
            document.formu.op2.options[j].text=eleccion[j];
        }

Metiéndole algún comando que te muestre, yo que sé, en el frame de la web que lo quieres mostrar, o en ventanita o donde quieras, el texto deseado. Puedes meter otra variable en document.formu.op2.options que sea "info" y ahí meter ese texto, y ya luego lo muestras donde te apetezca.

PD: No sé si en javascript se puede trabajar con objetos, pero te era muchísimo más fácil hacer así xD.

charl1 #3 Ene '14

Diria que te has bloqueado, porque ya lo tienes hecho.

Tienes que informar la función en el segundo select igual que haces en el primero con la misma funcionalidad y según el case pues creas el elemento donde te interese, hermano del form, hijo, etc..

Ayuda Código JavaScript

Usuarios habituales

Tags