Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: help with

  1. #1
    New Coder
    Join Date
    Jul 2006
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question help with

    Hi folks,

    I was hoping someone could help me out.
    I am trying to impliment the triple combo box found below into my page:
    http://javascriptkit.com/script/scri...plecombo.shtml

    Code:
    <FORM name="isc">
    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
    <option selected>--- collection -------------</option>
    <option>Silver Collection</option>
    <option>Stone Collection</option>
    <option>Display Merchandise</option>
    <option>Chokers</option>
    </select>
    
    <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
    <option value=" " selected> </option>
    <option value=" " selected>---Select2--------------</option>
    <option value=" " selected>---Select2--------------</option>
    <option value=" " selected>---Select2--------------</option>
    <option value=" " selected>---Select2--------------</option>
    </select>
    
    <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
    <option value=" " selected> </option>
    <option value=" " selected>---Select3----------------</option>
    <option value=" " selected>---Select3----------------</option>
    <option value=" " selected>---Select3----------------</option>
    <option value=" " selected>---Select3----------------</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("--- Type ---"," ");
    
    group[1][0]=new Option("Now Select This One"," ");
    group[1][1]=new Option("earrings","47");
    group[1][2]=new Option("rings","46");
    group[1][3]=new Option("bangles","45");
    group[1][4]=new Option("bracelets","44");
    group[1][5]=new Option("cuffs","43");
    group[1][6]=new Option("anklets","42");
    group[1][7]=new Option("pendants","41");
    group[1][8]=new Option("necklaces","40");
    
    group[2][0]=new Option("Now Select This One"," ");
    group[2][1]=new Option("earrings","115");
    group[2][2]=new Option("bracelets","116"); 
    group[2][3]=new Option("wraparound bracelets","117"); 
    group[2][4]=new Option("simple necklaces","118"); 
    group[2][5]=new Option("necklaces","119"); 
    group[2][6]=new Option("sets","120"); 
    
    group[3][0]=new Option("Now Select This One"," ");
    group[3][1]=new Option("earring stands","210");
    group[3][2]=new Option("ring stands","211");
    group[3][3]=new Option("bracelet stands","212");
    group[3][4]=new Option("neckstands","213");
    group[3][5]=new Option("organza bags","214");
    
    group[4][0]=new Option("Now Select This One"," ");
    group[4][1]=new Option("rubber","315");
    group[4][2]=new Option("rhodium","316");
    group[4][3]=new Option("silver","317");
    
    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("---Select 3---"," ");
    secondGroup[1][0][0]=new Option("---Select 3---"," ");
    secondGroup[1][1][0]=new Option("Now Select This One"," ");
    secondGroup[1][1][1]=new Option("JavaScript Kit","http://javascriptkit.com");
    secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");
    secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");
    
    secondGroup[1][2][0]=new Option("Now Select This One"," ");
    secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");
    secondGroup[1][2][2]=new Option("Beginner\'s Guide to 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("Now Select This One"," ");
    secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");
    secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");
    
    secondGroup[2][0][0]=new Option("---Select 3---"," ");
    secondGroup[2][1][0]=new Option("Now Select This One"," ");
    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("Now Select A Page"," ");
    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>
    </FORM>

    I was hoping to pass the values of all 3 fields into the url for the 3rd option (secondGroup) - example:

    mydomain.com/add.php?option1=$option1&option2=$option2&option3=option3

    Is this possible ?

  • #2
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,505
    Thanks
    3
    Thanked 501 Times in 488 Posts
    Code:
    <select name="stage3" size="1" onChange="redirect2A()">
    <option value=" " selected> </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
    */
    
    function redirect2A(obj){
    // mydomain.com/add.php?option1=$option1&option2=$option2&option3=option3
     var frm=document.isc;
     var sel1=frm.example;
     var sel2=frm.stage2;
     var sel3=frm.stage3;
     if (sel1.selectedIndex<1||sel2.selectedIndex<1||sel3.selectedIndex<1){ return; }
     var string='?option1='+sel1.selectedIndex+'&option2='+sel2.selectedIndex+'&option3='+sel3.selectedIndex;
    // or
     var string='?option1='+sel1.value+'&option2='+sel2.value+'&option3='+sel3.value;
    
     window.top.location='mydomain.com/add.php'+string;
    }
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •