javascript select

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Wayn3
Mesaje:111

javascript select

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

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

Wayn3 Mesaje:111
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"

MarPlo Mesaje:4343
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'];

Wayn3 Mesaje:111
multumesc... o sa incerc iar daca nu reusesc o sa revin cu problema

Subiecte similare