Hirdetés

Keresés

Új hozzászólás Aktív témák

  • Sk8erPeter

    nagyúr

    válasz Zoli1222 #1695 üzenetére

    Ide is feltettem a kódot, így innen letölthető: [link]

    Az onclick esemény az option-re nem használható, arra csak az onchange való!

    A kódodban ennek a résznek:
    ...onChange="this.options[this.selectedIndex].value,'_top'"
    röviden és tömören semmi értelme ;) Semmit nem csinálsz onchange eseményre. :)

  • Sk8erPeter

    nagyúr

    válasz Zoli1222 #1695 üzenetére

    De, természetesen lehet.
    Először elkezdtelek volna rávezetni, de aztán úgy gondoltam, ki is próbálom, úgyhogy ha már megcsináltam, ne vesszen kárba. :D Itt látható alább a komplett működő kód (valid XHTML 1.0 Strict résszel együtt :P):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JavaScripttel változtatott listák</title>
    <script type="text/javascript">
    <!--

    var napok = new Array();
    napok["Hétfő"] =new Array("1","2","hétfő vége");
    napok["Kedd"] =new Array("3","4","kedd vége");
    napok["Szerda"] =new Array("5","6","szerda vége");
    napok["Csütörtök"] =new Array("7","8","csütörtök vége");
    napok["Péntek"] =new Array("Pénteken nincs óra! :)");

    function betolt(opcio)
    {
    for(var nap in napok)
    {
    if(opcio==nap){
    var ora_lista=document.getElementById('orak_lista');
    ora_lista.innerHTML = '<option selected="selected">Válaszd ki az órát a listából!</option>';

    for(var ora in napok[nap]){
    ora_lista.innerHTML += '<option>'+napok[nap][ora]+'</option>';
    }
    }
    }
    }

    // -->
    </script>
    <style type="text/css">
    form{
    margin:40px;
    }
    </style>
    </head>
    <body>

    <form action="">
    <div>
    <select name="lista" size="1" onchange="betolt(this.options[this.selectedIndex].value);">
    <option selected="selected">Melyik nap legyen...</option>
    <option>Hétfő</option>
    <option>Kedd</option>
    <option>Szerda</option>
    <option>Csütörtök</option>
    <option>Péntek</option>
    </select>
    </div>
    </form>

    <form action="">
    <div>
    <select id="orak_lista" size="1">
    <option selected="selected">Előbb valaszd ki a napot!</option>
    </select>
    </div>
    </form>

    </body>
    </html>

Új hozzászólás Aktív témák