PC Ekspert Forum

PC Ekspert Forum (https://forum.pcekspert.com/index.php)
-   Web dizajn, programiranje i ostalo (https://forum.pcekspert.com/forumdisplay.php?f=39)
-   -   DROP DOWN MENU (https://forum.pcekspert.com/showthread.php?t=223584)

mrVivi 08.11.2011. 14:18

DROP DOWN MENU
 
trebo bi jedan drop down menu () tj. da u jednom imam opciju 1 i opciju 2 kad odaberem opciju 1 onda u slijedećem drop down imam opciju 3 i 4 a kad odaberem opciju 2 onda dobijem opciju 5 i 6.

znam da to mogu s javom i cini mi se negdje sam procito s AJAX som ali moze li se to napravit sa php ili html jer ova dva prva jos nisam pogledo.

P.S. postoje li kakvi php i opcenito web prog forumi da s hrvatski i da su aktivni.

thx

zmotani10 09.11.2011. 13:09

Neznam sto tocno trebas al ovo bi ti trebalo uciniti nesto od toga :)

HTML:

<html>
    <head>
        <script type="text/javascript">
        function showOptins()
        {
            var odabranaOpcija= document.getElementById("glavni").value;
            if(odabranaOpcija == "opcija1"){
                document.getElementById("opcija1").style.visibility = "visible";
                document.getElementById("opcija2").style.visibility = "hidden";
            }else{
                document.getElementById("opcija2").style.visibility = "visible";
                document.getElementById("opcija1").style.visibility = "hidden";
            }
        }
        </script>
    </head>
    <body>

        <select id="glavni" onchange="showOptins();">
          <option value="opcija1">Opcija 1</option>
          <option value="opcija2">Opcija 2</option>
        </select>

        <select id="opcija1" style="visibility:hidden;">
          <option value="opcija3">Opcija 3</option>
          <option value="opcija4">Opcija 4</option>
        </select>

        <select id="opcija2" style="visibility:hidden;">
          <option value="opcija5">Opcija 5</option>
          <option value="opcija6">Opcija 6</option>
        </select>

    </body>
</html>


sinisa1989 09.11.2011. 13:21

PHP verzija.
PHP kod:

<form action="test.php" method="POST">
    <select name="opcija" size="1">
        <option value="opcija_1">Opcija 1</option>
        <option value="opcija_2">Opcija 2</option>
    </select>
    <input type="submit" name="submit" value="Pošalji" />
</form>
<?php

    
if(isset($_POST['submit']))
    {
        
$opcija=$_POST['opcija'];
        if(
$opcija=='opcija_1')
        {
            echo 
'ovo je prva opcija';
        }
        else
        {
            echo 
'ovo je druga opcija';
        }
    }
?>

Umjesto ovo je prva opcija staviš izbornik s drugim vrijednostima. Isto vrijedi i za ovo je druga opcija.

Uber Gosu 10.11.2011. 23:22

Evo ti gotovo rješenje:
http://www.2shared.com/file/Cho9zJi2/Drop.html

Izgled si u CSSu rješi kakav želiš

:chears:


Sva vremena su GMT +2. Sada je 18:29.

Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 1999-2024 PC Ekspert - Sva prava pridržana ISSN 1334-2940
Ad Management by RedTyger