get value from dropdown javascript

Discussion in 'HTML and CSS' started by goldensebbe, Feb 11, 2012.

  1. goldensebbe

    goldensebbe

    Joined:
    Feb 11, 2012
    Messages:
    2
    I'm trying to make three dynamic dropdown selectors that depens on each other and I wounder how I can get (and set) the value on this selectors so that i can export it to a database with php . I'm really bad at javascript and would really need some help :)





    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript">

    var categories = [];
    categories["startList"] = ["Blekinge län", "Dalarnas län"];

    categories["Blekinge län"] = ["Karlshamn","Karlskrona","Olofström","Ronneby","Sölvesborg"];


    categories["Karlshamn"] = ["Karlshamn-Centrum"];
    categories["Karlskrona"] = ["Karlshamn-Centrum"];
    categories["Olofström"] = ["Karlshamn-Centrum"];
    categories["Ronneby"] = ["Karlshamn-Centrum"];



    categories["Dalarnas län"] = ["dalarna1","dalarna2"];

    categories["dalarna1"] = ["dalarna1-Centrum"];
    categories["dalarna2"] = ["dalarna2-west"];





    var nLists = 3; // number of select lists in the set

    function fillSelect(currCat,currList){
    var step = Number(currList.name.replace(/\D/g,"")),i;
    for (i=step; i<nLists+1; i++) {
    document.forms['dummyForm']['List'+i].length = 1;
    document.forms['dummyForm']['List'+i].selectedIndex = 0;
    }
    var nOption,nData,nCat = categories[currCat];
    for (each in nCat) {
    nOption = document.createElement('option');
    nData = typeof(nCat[each])=='string'?nCat[each]:nCat[each][0];
    nOption.setAttribute('value',nCat[each]);
    nOption.appendChild(document.createTextNode(nData));
    currList.appendChild(nOption);
    }
    }

    function getValue(L3, L2, L1) {
    var obj=document.getElementById("info"),s=L3.split(','),txt= L1 + "\n" + L2 + "\n" + L3,z0=1;
    if (s.length>1){
    txt='';
    for (;z0<s.length;z0++){
    txt+=s[z0]+'\n';
    }
    }
    obj.innerHTML=txt
    }

    function init() {
    fillSelect('startList',document.forms['dummyForm']['List1'])
    }

    navigator.appName == "Microsoft Internet Explorer" ? attachEvent('onload', init, false) : addEventListener('load', init, false);

    </script>
    </head>
    <body>
    <form name="dummyForm" action="">
    <select name="List1" onchange="fillSelect(this.value,this.form['List2'])">
    <option selected>Välj län</option>
    </select>
    &nbsp;<br />
    <select name="List2" onchange="fillSelect(this.value,this.form['List3'])">
    <option selected>Välj kommun</option>
    </select>
    &nbsp;
    <br />

    <select name="List3" onchange="getValue(this.value, this.form['List2'].value, this.form['List1'].value)" >
    <option selected >Välj </option>
    </select>

    <div id="info">This is the default text</div>






    </form>
    </body>
    </html>
     
    goldensebbe, Feb 11, 2012
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. vishnu
    Replies:
    1
    Views:
    1,251
    Patrick.O.Ige
    Mar 25, 2006
  2. Mike
    Replies:
    1
    Views:
    849
  3. acadam
    Replies:
    0
    Views:
    787
    acadam
    Dec 27, 2006
  4. anonymoushamster@gmail.com
    Replies:
    2
    Views:
    461
    anonymoushamster@gmail.com
    Nov 7, 2007
  5. Steve Myers
    Replies:
    2
    Views:
    297
    Steve Myers
    Nov 20, 2003
Loading...

Share This Page