[es] - Povezane 'radio button' liste

nslavic
Nikola Slavic
Mala vlastita informaticka firma: Toto
Sport
Subotica

Član broj: 62154
Poruke: 12
*.suonline.net.

ICQ: 225048287
Sajt: www.toto-sport.com

Profil

Povezane 'radio button' liste

^{11.10.2005. u 08:25 - pre 225 meseci}

Dali neko ima ideju kako realizovati selektovanje stavki iz dve liste radio buttona.
Kada nesto odaberem na levoj listi radio buttona, da se odmah ponude moguce stavke na desnoj listi.
Hvala

Odgovor na temu

alkal
Aleksandar Kalanj
Beograd

Član broj: 7960
Poruke: 26
*.ETF.BG.AC.YU.

Jabber: alkal@elitesecurity.org
Sajt: wapdata.co.cc

Profil

Re: Povezane 'radio button' liste

^{08.11.2005. u 17:36 - pre 224 meseci}

Promenljive liste radio elemenata ubaci posle forme i stavi da budu nevidljive.
U formi ostavi prostor za upis druge liste (pomoću <span>).
Zatim, kad korisnik odabere stavku iz prve liste, kopiraj odgovarajući sadržaj u rezervisani prostor.

Code:

<script type="text/javascript">
    function display(character) {
        var location = document.getElementById("secondItem");
        var content = document.getElementById("secondItem" + character);
        location.innerHTML = content.innerHTML;
    }
</script>

<form method="get" action="http://www.blabla.com/index.php">
  <input type="radio" name="firstItem" value="a" onclick="display('A')" /> a <br />
  <input type="radio" name="firstItem" value="b" onclick="display('B')" /> b <br />
  <input type="radio" name="firstItem" value="c" onclick="display('C')" /> c <br />
  <br /><br />
  <span id="secondItem"></span>
  <input type="submit" />
</form>

<span style="visibility: hidden" id="secondItemA">
  <input type="radio" name="secondItem" value="a1" /> a1 <br />
  <input type="radio" name="secondItem" value="a2" /> a2 <br />
  <input type="radio" name="secondItem" value="a3" /> a3 <br />
  <input type="radio" name="secondItem" value="a4" /> a4 <br />
</span>

<span style="visibility: hidden" id="secondItemB">
  <input type="radio" name="secondItem" value="b1" /> b1 <br />
  <input type="radio" name="secondItem" value="b2" /> b2 <br />
</span>

<span style="visibility: hidden" id="secondItemC">
  <input type="radio" name="secondItem" value="c1" /> c1 <br />
  <input type="radio" name="secondItem" value="c2" /> c2 <br />
  <input type="radio" name="secondItem" value="c3" /> c3 <br />
</span>

_{[Ovu poruku je menjao alkal dana 12.11.2005. u 19:11 GMT+1]}

Odgovor na temu