javascript select

[Wayn3]

deci intrun formular cu un camp de tip select vreau sa impun fiecarei obtiuni in felul urmator ...
adica de ex: daca aleg fotbal , sa imi apara mai jos un alt camp in care sa completezi echipele .. ceva de genul

Daca arati ce ai facut, codul HTML si JavaScript, si unde anume nu te descurci, poate cineva stie vreo soluie.

uite asta

Cod: Selectaţi tot

<select name=sport>
<option value=''>-</option>
<option value=1>Auto-Moto</option>
<option value=2>Baschet</option>
<option value=3>Box si AMM</option>
<option value=4>Fotbal</option>
<option value=5>Handbal</option>
<option value=6>Hochei</option>
<option value=7>Rugby</option>
<option value=8>Tenis</option>
<option value=9>Volei</option>
</select>

iar eu vreau cand selectez fotbal ... sa-mi apara urmatorul de jos

Cod: Selectaţi tot

<select name=liga>
<option value=''>-</option>
<option value=1>Liga1 Burger</option>
<option value=2>Primiera Division</option>
<option value=3>etc...</option>

</select>

si tot asa , iar daca aleg rugby , sa se schimbe si sa apara alta lista in locul acesteia...
uite de exemplu aici http:// dauanunt.ro/anunturi/adauga-anunt



si inca o problema ...

Cod: Selectaţi tot

<input type=text name=meci value=gazda>-
<input type=text name=meci value=oaspeti>

vreau ca valorile acestor doua sa le pot introduce intr-ul singur camp din baza de date si anume "meci"
sa apara in felul asta in baza de date in campul "meci" , "gazda-oaspete"

Te poti inspira din codul urmator. Vezi cum functioneaza, cum sunt folosite denumirile in el si in functia JavaScript ca sa aplici la ce ai tu.

Cod: Selectaţi tot

<style type="text/css"><!--
 .hide {display:none;}
//--></style>
<form action="" method="post">
<select name="nume">
 <option value=''>-</option>
 <option value="1" onclick="getSel('n1')">Unu</option>
 <option value="2" onclick="getSel('n2')">Doi</option>
</select>

<select class="hide" id="n1" name="n1">
 <option value=''>-</option>
 <option value="1_1">Unu_unu</option>
 <option value="1_2">Unu_Doi</option>
</select>
<select class="hide" id="n2" name="n2">
 <option value=''>-</option>
 <option value="2_1">Doi_unu</option>
 <option value="2_2">Doi_Doi</option>
</select>
</form>

<script type="text/javascript"><!--
function getSel(nm) {
  var sel = document.getElementsByTagName('select');
  for(var i=0; i<sel.length; i++) {
    if(sel[i].className=='hide') sel[i].style.display = 'none';
  }
  document.getElementById(nm).style.display = 'inline';
}
//--></script>

- La a doua problema, ar trebui nume diferite pt. fiecare caseta:

Cod: Selectaţi tot

 <input type="text" name="t1" value="gazda">-
 <input type="text" name="t2" value="oaspeti">

Iar in PHP se preia:

Cod: Selectaţi tot

$mc = $_POST['t1']. '-'. $_POST['t2'];

multumesc... o sa incerc iar daca nu reusesc o sa revin cu problema