Dudas de Programacion » Scripting » JavaScript

4 combos desplegables

(1 post)
  • Started 2 years ago by Miguel Angel
  1. Miguel Angel
    Member

    hola a todos, bueno, tengo este codigo y quiciera saber si alguien me puede dar una mano para agregarle un combo intermedio mas, gracias.

    <FORM name="isc">

    <table border="0" cellspacing="0" cellpadding="0">

    <tr align="center">

    <td nowrap height="11">  

    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">

    <option selected>Seleccioné</option>

    <option>Sitios Webmaster</option>

    <option>Sitios Nuevos</option>

    </select>

    <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">

    <option value=" " selected> </option>

    <option value=" " selected>Seleccioné</option>

    <option value=" " selected>Seleccioné</option>

    </select>

    <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">

    <option value=" " selected> </option>

    <option value=" " selected>Seleccioné</option>

    <option value=" " selected>Seleccioné</option>

    </select>

    <script>

    <!--

    /*

    Triple Combo Script Credit

    By Hamid Cheheltani/ JavaScript Kit (http://www.javascriptkit.com)

    Visit http://javascriptkit.com for this and over 400+ other scripts

    */

    var groups=document.isc.example.options.length

    var group=new Array(groups)

    for (i=0; i<groups; i++)

    group[i]=new Array()

    group[0][0]=new Option("Seleccioné"," ");

    group[1][0]=new Option("Seleccioné"," ");

    group[1][1]=new Option("JavaScript","47");

    group[1][2]=new Option("DHTML","46");

    group[1][3]=new Option("CGI","45");

    group[2][0]=new Option("Seleccioné"," ");

    group[2][1]=new Option("Noticias en General","115");

    group[2][2]=new Option("Noticias en Technologia","116");

    var temp=document.isc.stage2

    function redirect(x){

    for (m=temp.options.length-1;m>0;m--)

    temp.options[m]=null

    for (i=0;i<group[x].length;i++){

    temp.options[i]=new Option(group[x][i].text,group[x][i].value)

    }

    temp.options[0].selected=true

    redirect1(0)

    }

    var secondGroups=document.isc.stage2.options.length

    var secondGroup=new Array(groups)

    for (i=0; i<groups; i++) {

    secondGroup[i]=new Array(group[i].length)

    for (j=0; j<group[i].length; j++) {

    secondGroup[i][j]=new Array() }}

    secondGroup[0][0][0]=new Option("Seleccioné"," ");

    secondGroup[1][0][0]=new Option("Seleccioné"," ");

    secondGroup[1][1][0]=new Option("Seleccioné"," ");

    secondGroup[1][1][1]=new Option("JavaScript","http://javascriptkit.com");

    secondGroup[1][1][2]=new Option("JavaScript no para programadores","http://webteacher.com/javascript/");

    secondGroup[1][1][3]=new Option("JavaScripts","http://java-scripts.net");

    secondGroup[1][2][0]=new Option("Seleccioné"," ");

    secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");

    secondGroup[1][2][2]=new Option("Guia en DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");

    secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");

    secondGroup[1][3][0]=new Option("Seleccioné"," ");

    secondGroup[1][3][1]=new Option("Recursos CGI","http://www.cgi-resources.com");

    secondGroup[1][3][2]=new Option("Iniciación a CGI","http://adashimar.hypermart.net/");

    secondGroup[2][0][0]=new Option("Seleccioné"," ");

    secondGroup[2][1][0]=new Option("Seleccioné"," ");

    secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");

    secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");

    secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");

    secondGroup[2][2][0]=new Option("Seleccioné"," ");

    secondGroup[2][2][1]=new Option("News.com","http://www.news.com");

    secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");

    var temp1=document.isc.stage3

    function redirect1(y){

    for (m=temp1.options.length-1;m>0;m--)

    temp1.options[m]=null

    for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){

    temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup

    [document.isc.example.options.selectedIndex][y][i].value)

    }

    temp1.options[0].selected=true

    }

    function redirect2(z){

    window.location=temp1[z].value

    }

    //-->

    </script>

    </td>

    </tr>

    </table>

    </FORM>

    Posted 2 years ago #



Reply

You must log in to post.

935 posts in 394 topics over 36 months by 349 of 787 members. Latest: Balkirium, redundantlogic2, shianim

Acerca de...

Dudas de Programación es una Web, dentro del proyecto aulambra.com que nace con la idea de propocionar un foro de consultas sobre diferentes temas de programación. Orientado a ayudar a los internautas hispano-hablantes en Internet.

Ir al Blog de Linea de Código

Otras Webs