ďťż

[javascript?]Zmieniający się formularz Jak to zrobić

       

Podstrony


telcocafe

Chodzi o formularz , w którym po wybraniu w jednym rozwijanym menu np. komputer to w drugim pojawią się podkategorie kategorii komputery. Tak jak np. w logosik.pl



jeżeli tam jest w JS to zobacz na źródła strony...


Chodzi o formularz , w którym po wybraniu w jednym rozwijanym menu np. komputer to w drugim pojawią się podkategorie kategorii komputery. Tak jak np. w logosik.pl
Oto źródło interesującego mnie skryptu:
<script type="text/javascript" language="Javascript"> function clearUsluga() { document.uslugi.usluga.options[0].selected = true; for(i=1;i<document.uslugi.usluga.options.length;i++) { document.uslugi.usluga.options[i] = null; } } var defaultTelId = 0; function selTelefon(value) { if(!value) return; clearUsluga(); if(value==1) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Logo','/nokia,logo.html'); document.uslugi.usluga.options[2] = new Option('Dzwonki','/nokia,dzwonki.html'); document.uslugi.usluga.options[3] = new Option('Grafika średnia','/nokia,grafika,srednia.html'); document.uslugi.usluga.options[4] = new Option('Grafika duża','/nokia,grafika,duza.html'); document.uslugi.usluga.options[5] = new Option('Wygaszacz','/nokia,wygaszacz.html'); document.uslugi.usluga.options[6] = new Option('Animacja mono','/nokia,animacja,mono.html'); document.uslugi.usluga.options[7] = new Option('Dzwonki polifoniczne','/nokia,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[8] = new Option('Tapety','/nokia,tapety.html'); document.uslugi.usluga.options[9] = new Option('Logo kolorowe małe','/nokia,logo,kolorowe,male.html'); document.uslugi.usluga.options[10] = new Option('Logo kolorowe średnie','/nokia,logo,kolorowe,srednie.html'); document.uslugi.usluga.options[11] = new Option('Dzwonki True Tone','/nokia,dzwonki,true,tone.html'); document.uslugi.usluga.options[12] = new Option('Sygnał SMS','/nokia,sygnal,sms.html'); document.uslugi.usluga.options[13] = new Option('Animacja','/nokia,animacja.html'); document.uslugi.usluga.options[14] = new Option('Motywy seria60','/nokia,motywy,seria60.html'); document.uslugi.usluga.options[15] = new Option('Dzwonki Real Music','/nokia,dzwonki,real,music.html'); document.uslugi.usluga.options[16] = new Option('Moja tapeta','/nokia,moja,tapeta.html'); document.uslugi.usluga.options[17] = new Option('Motywy seria40','/nokia,motywy,seria40.html'); document.uslugi.usluga.options[18] = new Option('Gry java','/nokia,gry,java.html'); return; } if(value==2) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Logo','/samsung,logo.html'); document.uslugi.usluga.options[2] = new Option('Dzwonki','/samsung,dzwonki.html'); document.uslugi.usluga.options[3] = new Option('Grafika średnia','/samsung,grafika,srednia.html'); document.uslugi.usluga.options[4] = new Option('Grafika duża','/samsung,grafika,duza.html'); document.uslugi.usluga.options[5] = new Option('Dzwonki polifoniczne','/samsung,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[6] = new Option('Tapety','/samsung,tapety.html'); document.uslugi.usluga.options[7] = new Option('Dzwonki True Tone','/samsung,dzwonki,true,tone.html'); document.uslugi.usluga.options[8] = new Option('Moja tapeta','/samsung,moja,tapeta.html'); document.uslugi.usluga.options[9] = new Option('Gry java','/samsung,gry,java.html'); return; } if(value==3) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Grafika średnia','/siemens,grafika,srednia.html'); document.uslugi.usluga.options[2] = new Option('Grafika duża','/siemens,grafika,duza.html'); document.uslugi.usluga.options[3] = new Option('Grafika wielka','/siemens,grafika,wielka.html'); document.uslugi.usluga.options[4] = new Option('Dzwonki','/siemens,dzwonki.html'); document.uslugi.usluga.options[5] = new Option('Dzwonki polifoniczne','/siemens,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[6] = new Option('Tapety','/siemens,tapety.html'); document.uslugi.usluga.options[7] = new Option('Logo kolorowe','/siemens,logo,kolorowe.html'); document.uslugi.usluga.options[8] = new Option('Sygnał SMS','/siemens,sygnal,sms.html'); document.uslugi.usluga.options[9] = new Option('Animacja','/siemens,animacja.html'); document.uslugi.usluga.options[10] = new Option('Dzwonki True Tone','/siemens,dzwonki,true,tone.html'); document.uslugi.usluga.options[11] = new Option('Dzwonki Real Music','/siemens,dzwonki,real,music.html'); document.uslugi.usluga.options[12] = new Option('Moja tapeta','/siemens,moja,tapeta.html'); document.uslugi.usluga.options[13] = new Option('Gry java','/siemens,gry,java.html'); return; } if(value==4) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Grafika duża','/alcatel,grafika,duza.html'); document.uslugi.usluga.options[2] = new Option('Grafika mała','/alcatel,grafika,mala.html'); document.uslugi.usluga.options[3] = new Option('Dzwonki polifoniczne','/alcatel,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[4] = new Option('Tapety','/alcatel,tapety.html'); document.uslugi.usluga.options[5] = new Option('Sygnał SMS','/alcatel,sygnal,sms.html'); document.uslugi.usluga.options[6] = new Option('Animacja','/alcatel,animacja.html'); document.uslugi.usluga.options[7] = new Option('Moja tapeta','/alcatel,moja,tapeta.html'); document.uslugi.usluga.options[8] = new Option('Gry java','/alcatel,gry,java.html'); return; } if(value==5) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki polifoniczne','/sony_ericsson,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[2] = new Option('Grafika średnia','/sony_ericsson,grafika,srednia.html'); document.uslugi.usluga.options[3] = new Option('Grafika duża','/sony_ericsson,grafika,duza.html'); document.uslugi.usluga.options[4] = new Option('Tapety','/sony_ericsson,tapety.html'); document.uslugi.usluga.options[5] = new Option('Sygnał SMS','/sony_ericsson,sygnal,sms.html'); document.uslugi.usluga.options[6] = new Option('Animacja','/sony_ericsson,animacja.html'); document.uslugi.usluga.options[7] = new Option('Motywy T3xx-T68i','/sony_ericsson,motywy,t3xx-t68i.html'); document.uslugi.usluga.options[8] = new Option('Motywy T6xx-Z6xx-K5xx','/sony_ericsson,motywy,t6xx-z6xx-k5xx.html'); document.uslugi.usluga.options[9] = new Option('Motywy P8xx-P9xx','/sony_ericsson,motywy,p8xx-p9xx.html'); document.uslugi.usluga.options[10] = new Option('Moja tapeta','/sony_ericsson,moja,tapeta.html'); document.uslugi.usluga.options[11] = new Option('Dzwonki','/sony_ericsson,dzwonki.html'); document.uslugi.usluga.options[12] = new Option('Dzwonki True Tone','/sony_ericsson,dzwonki,true,tone.html'); document.uslugi.usluga.options[13] = new Option('Dzwonki Real Music','/sony_ericsson,dzwonki,real,music.html'); document.uslugi.usluga.options[14] = new Option('Gry java','/sony_ericsson,gry,java.html'); return; } if(value==6) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki','/motorola,dzwonki.html'); document.uslugi.usluga.options[2] = new Option('Dzwonki polifoniczne','/motorola,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[3] = new Option('Tapety','/motorola,tapety.html'); document.uslugi.usluga.options[4] = new Option('Sygnał SMS','/motorola,sygnal,sms.html'); document.uslugi.usluga.options[5] = new Option('Animacja','/motorola,animacja.html'); document.uslugi.usluga.options[6] = new Option('Motywy','/motorola,motywy.html'); document.uslugi.usluga.options[7] = new Option('Dzwonki True Tone','/motorola,dzwonki,true,tone.html'); document.uslugi.usluga.options[8] = new Option('Dzwonki Real Music','/motorola,dzwonki,real,music.html'); document.uslugi.usluga.options[9] = new Option('Grafika mała','/motorola,grafika,mala.html'); document.uslugi.usluga.options[10] = new Option('Grafika średnia','/motorola,grafika,srednia.html'); document.uslugi.usluga.options[11] = new Option('Grafika duża','/motorola,grafika,duza.html'); document.uslugi.usluga.options[12] = new Option('Moja tapeta','/motorola,moja,tapeta.html'); document.uslugi.usluga.options[13] = new Option('Gry java','/motorola,gry,java.html'); return; } if(value==7) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki','/mitsubishi,dzwonki.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/mitsubishi,tapety.html'); document.uslugi.usluga.options[3] = new Option('Dzwonki polifoniczne','/mitsubishi,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[4] = new Option('Moja tapeta','/mitsubishi,moja,tapeta.html'); document.uslugi.usluga.options[5] = new Option('Animacja','/mitsubishi,animacja.html'); return; } if(value==8) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki polifoniczne','/panasonic,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/panasonic,tapety.html'); document.uslugi.usluga.options[3] = new Option('Moja tapeta','/panasonic,moja,tapeta.html'); document.uslugi.usluga.options[4] = new Option('Animacja','/panasonic,animacja.html'); document.uslugi.usluga.options[5] = new Option('Grafika duża','/panasonic,grafika,duza.html'); document.uslugi.usluga.options[6] = new Option('Dzwonki True Tone','/panasonic,dzwonki,true,tone.html'); document.uslugi.usluga.options[7] = new Option('Dzwonki Real Music','/panasonic,dzwonki,real,music.html'); document.uslugi.usluga.options[8] = new Option('Sygnał SMS','/panasonic,sygnal,sms.html'); document.uslugi.usluga.options[9] = new Option('Motywy','/panasonic,motywy.html'); return; } if(value==9) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki polifoniczne','/sagem,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/sagem,tapety.html'); document.uslugi.usluga.options[3] = new Option('Dzwonki','/sagem,dzwonki.html'); document.uslugi.usluga.options[4] = new Option('Animacja','/sagem,animacja.html'); document.uslugi.usluga.options[5] = new Option('Moja tapeta','/sagem,moja,tapeta.html'); document.uslugi.usluga.options[6] = new Option('Dzwonki True Tone','/sagem,dzwonki,true,tone.html'); document.uslugi.usluga.options[7] = new Option('Dzwonki Real Music','/sagem,dzwonki,real,music.html'); document.uslugi.usluga.options[8] = new Option('Gry java','/sagem,gry,java.html'); return; } if(value==10) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki','/sendo,dzwonki.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/sendo,tapety.html'); document.uslugi.usluga.options[3] = new Option('Moja tapeta','/sendo,moja,tapeta.html'); document.uslugi.usluga.options[4] = new Option('Dzwonki polifoniczne','/sendo,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[5] = new Option('Dzwonki True Tone','/sendo,dzwonki,true,tone.html'); document.uslugi.usluga.options[6] = new Option('Dzwonki Real Music','/sendo,dzwonki,real,music.html'); return; } if(value==11) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki polifoniczne','/philips,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/philips,tapety.html'); document.uslugi.usluga.options[3] = new Option('Sygnał SMS','/philips,sygnal,sms.html'); document.uslugi.usluga.options[4] = new Option('Moja tapeta','/philips,moja,tapeta.html'); return; } if(value==12) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Grafika średnia','/ericsson,grafika,srednia.html'); document.uslugi.usluga.options[2] = new Option('Grafika duża','/ericsson,grafika,duza.html'); document.uslugi.usluga.options[3] = new Option('EMS melodyjka','/ericsson,ems,melodyjka.html'); return; } if(value==13) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Dzwonki polifoniczne','/lg,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[2] = new Option('Tapety','/lg,tapety.html'); document.uslugi.usluga.options[3] = new Option('Animacja','/lg,animacja.html'); document.uslugi.usluga.options[4] = new Option('Dzwonki True Tone','/lg,dzwonki,true,tone.html'); document.uslugi.usluga.options[5] = new Option('Moja tapeta','/lg,moja,tapeta.html'); document.uslugi.usluga.options[6] = new Option('Gry java','/lg,gry,java.html'); return; } if(value==14) { clearUsluga(); document.uslugi.usluga.options[1] = new Option('Tapety','/sharp,tapety.html'); document.uslugi.usluga.options[2] = new Option('Dzwonki polifoniczne','/sharp,dzwonki,polifoniczne.html'); document.uslugi.usluga.options[3] = new Option('Animacja','/sharp,animacja.html'); document.uslugi.usluga.options[4] = new Option('Moja tapeta','/sharp,moja,tapeta.html'); document.uslugi.usluga.options[5] = new Option('Dzwonki True Tone','/sharp,dzwonki,true,tone.html'); document.uslugi.usluga.options[6] = new Option('Gry java','/sharp,gry,java.html'); return; } } function selUsluga(value) { if(value == 0) return; location.href=value; } </script> <form name="uslugi" method="get" action="/wyszukaj.php"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td>&nbsp;&nbsp;&nbsp;&nbsp;<select name="tel" onchange="selTelefon(this.value)"><option value="0">wybierz telefon ---></option><option value="1">Nokia</option><option value="2">Samsung</option><option value="3">Siemens</option><option value="4">Alcatel</option><option value="5">Sony Ericsson</option><option value="6">Motorola</option><option value="7">Mitsubishi</option><option value="8">Panasonic</option><option value="9">Sagem</option><option value="10">Sendo</option><option value="11">Philips</option><option value="13">LG</option><option value="12">Ericsson</option><option value="14">Sharp</option></select></td> <td><select name="usluga" onchange="selUsluga(this.value)"><option value="0"> wybierz usługę ---></option></select></td> </tr> </table> </form>
Tyle że ja chce, aby wysyłała się jakaś opcja w value w trybie get do skryptu PHP, który wyszuka w bazie interesujące internaute rzeczy. Tutaj są gotowe linki do stron. Co zmienić?
Użytkownik lofix edytował ten post 14 sierpień 2006, 15:29
no to trzeba posłużyć sie AJAXem



Nie da się jakoś inaczej (a jeśli tak to może ktoś mi pomóc?), a co gdybym zmienił np. /philips,tapety.html na moje value?

W allegro też są zmieniające się formularze wiec po południu sprawdze tam

Oto skrypt z allegro (wywaliłem większosć podkategorii, aby skrypt był przejżysty)

<td class="form1" width="15%"><span class=bold10>Kategoria</span></td> <td class="form2"><input type=hidden name=default_data value=1> <script language=Javascript1.1><!-- var line = "-----------------------------------"; var offset=0; var changed=0; category_children = new Array; category_name = new Array; parents = new Array; parents_rev = new Array; parents_index_rev = new Array; parents[0]=0; --> </SCRIPT> <script language='Javascript1.1'><!-- category_name[6]="Antyki i Kolekcje"; category_name[19732]="Biżuteria i Zegarki"; category_name[11763]="Dla Dzieci"; category_name[5]="Dom i Ogród"; category_name[16696]="Firma i Przemysł"; category_name[8845]="Fotografia"; category_name[4773]="Zestawy"; category_name[9029]="Żetony"; category_name[4771]="Pozostałe"; category_name[814]="Albumy"; category_name[331]="Biograficzne"; category_name[99]="Dla dzieci"; category_name[815]="Encyklopedie"; category_name[5700]="Ezoteryka"; category_name[816]="Fakty i reportaże"; category_name[5830]="Fantastyka"; category_name[5701]="Historyczne"; category_name[102]="Horrory"; category_name[5711]="Humor"; category_name[239]="Informatyka"; category_name[1428]="Kino"; category_name[336]="Kryminały/Thrillery"; category_name[817]="Kulinarne"; 392,19393,19394,19395,19396,19397,19398,19399,19400,19401,19402,19403,19404]; category_children[19411]=[19414,19415,19413]; category_children[19439]=[19441,19442,19443,19444,19445,19446,19440]; category_children[19440]=[19459,19460]; category_children[19441]=[19447,19448]; category_children[19875]=[19877,19878]; category_children[19876]=[19879,19880]; category_children[19882]=[19884,19885]; category_children[19883]=[19886,19887]; category_children[19956]=[19957,19958,19959]; category_children[19976]=[19979,19980,19978,19977]; function ClearSelectsFrom(select_id) { for (i = select_id; i < 3; i++) { selects_array[i].length = 0; selects_array[i].options[0] = new Option(line); } } function InsertValue(select_id,index,cat_name,cat_index) { selects_array[select_id].options[index] = new Option(cat_name); selects_array[select_id].options[index].value=cat_index; } function LastOrPenultimate(cat_index) { if(!category_children[cat_index]) return 1; else { if (!allow_to_select_penultimate) return 0; else { if (allow_to_select_penultimate==2) return 1; for (i = 0; i < category_children[0].length; i++) { if(category_children[0][i]==cat_index) return 0; } return 1; } } } function RefreshByParent(select_id) { parent_tmp=parents[select_id+offset]; if((category_children.length!=0)&&(category_children[parent_tmp])) { for (i = 0; i < category_children[parent_tmp].length; i++) { cat_index=category_children[parent_tmp][i]; InsertValue(select_id,i,category_name[cat_index],cat_index); if (cat_index==parents[select_id+offset+1]) selects_array[select_id].selectedIndex=i; if (i == (category_children[parent_tmp].length-1)) InsertValue(select_id,i+1,line,0); } } } function AfterChange(select_id) { if (select_id>1) { ClearSelectsFrom(0); RefreshByParent(0); RefreshByParent(1); RefreshByParent(2); } else { ClearSelectsFrom(select_id+1); RefreshByParent(select_id+1); } } function ChangeSelection(select_id) { index=selects_array[select_id].selectedIndex; document.sell_form.category.value = ''; if (index<0) return; cat_index=selects_array[select_id].options[index].value; document.sell_form.subcategory.value = cat_index; parents[select_id+offset+1]=cat_index; parents.length=select_id+offset+2; if (LastOrPenultimate(cat_index)) document.sell_form.category.value = cat_index; if ((select_id<2)&&(offset)) { minus = 2 - select_id; if (offset<minus) offset=0 else offset-=minus; ClearSelectsFrom(0); RefreshByParent(0); RefreshByParent(1); RefreshByParent(2); return; } if (selects_array[select_id].options[index].text==line) { ClearSelectsFrom(select_id+1); } else { if (!category_children[cat_index]) { ClearSelectsFrom(select_id+1); } else { if (select_id==2) { offset++; } AfterChange(select_id); } } } function FindParent(child,level) { if (category_children.length>0) for (p=0;p<category_children.length;p++) if (category_children[p]) for (c=0;c<category_children[p].length;c++) if (category_children[p][c]==child) { parents_rev[level]=p; parents_index_rev[level]=c; if (level>2) offset=level-2; if (p!=0) FindParent(p,level+1); return; } } function ChangeByIndex(index,subindex) { parents_index = new Array; ClearSelectsFrom(0); parents.length=1; parents_rev.length=0; parents_index.length=0; offset=0; if (index=='' || index==0) index=subindex; if (!category_name[index]) { AfterChange(-1); document.sell_form.category.value=''; return; } FindParent(index,0); for (i=0;i<parents_rev.length;i++) { parents[i]=parents_rev[parents_rev.length-1-i]; parents_index[i]=parents_index_rev[parents_rev.length-1-i]; } for (j=0;j<3;j++) { if(parents.length>j) { RefreshByParent(j); selects_array[j].selectedIndex=parents_index[j+offset]; } } if (selects_array[parents.length-1]) ChangeSelection(parents.length-1); /* if (!LastOrPenultimate(index)) document.sell_form.category.value=''; */ } //--> </SCRIPT> <table cellspacing=0 cellpadding=0 border=0> <tr> <TD> <SELECT size=11 class=form onchange="ChangeSelection(0); changed=1;" onclick="if (!changed) ChangeSelection(0); else changed=0;" name="selects_array_0"><OPTION></OPTION></SELECT> </TD> <TD> <SELECT size=11 class=form onchange="ChangeSelection(1); changed=1;" onclick="if (!changed) ChangeSelection(1); else changed=0;" name="selects_array_1"><OPTION></OPTION></SELECT> </TD> <TD> <SELECT size=11 class=form onchange="ChangeSelection(2); changed=1;" onclick="if (!changed) ChangeSelection(2); else changed=0;" name="selects_array_2"><OPTION></OPTION></SELECT> </TD> </tr> <tr><td height=25 colspan=3> <div class="right"> Numer wybranej kategorii <input name="category" type="text" size=5 class=form onchange="ChangeByIndex(document.sell_form.category.value,document.sell_form.subcategory.value)" ><BR> <input name="subcategory" type="hidden" > </div> </td></tr> </table> <script language=Javascript1.1> <!-- allow_to_select_penultimate=0; var selects_array = new Array; j = 0; for (i = 0; i < document.sell_form.elements.length; i++) { if (document.sell_form.elements[i].name.indexOf("selects_array") != -1) selects_array[j++] = document.sell_form.elements[i]; } if(category_children.length!=0) AfterChange(-1); document.sell_form.category.value='' //--> </SCRIPT>

Czy ten jest lepszy? Wydaje mi się że zamiast numeru podkategorii można wstawić value. Czy można zmienic to na liste rozwijaną?
Użytkownik lofix edytował ten post 14 sierpień 2006, 15:30
Tyle, ze to też nie korazysta z AJAXA, więc podczas działania internaty na stronie, bez odświeżenia nie pobiorą Ci się dane z bazy. można to zrobić w JS, w przykladach które podaleś, ale wtedy w trakcie wysłania przez parser strony do przeglądarki należy zbudować ten skrypt dodając przez php kategorie.

O AJAXIE masz tu
Użytkownik Mathew edytował ten post 14 sierpień 2006, 11:50
Tak jakby mówił do mnie kosmita :) Nic nie zrozumialem :):(

tak mnie tym wszystkim wystraszyłeś że chyba zrobie zwykłe rozwijane menu i tam bede wysyłal wszystkie rzeczy przez get np. ?kat=komputery&podkat=procesory

Na razie nie mam pytań

Heh, więc co nieco wytłumaczę.

Jeżeli chcesz, by podczas korzystania użytkownika ze strony, gdy wybierze on z listy pewną opcje, skrypt bez odświerzenia strony pobrał dane z bazy i przeżucił je do listy select, musisz skorzystac z AJAX.

Natomiast, możesz nie korzystając z AJAXA wykonać petelkę w PHP i wyświetlić skrypt js, wraz z odpowiednimi danymi, pobranymi przed wysłaniem kodu do przeglądarki. Więc musisz postarać sie by PHP wyswietlił np. skrypt który znalazłeś z odpowiednimi danymi.

Chyba się nie zrozumieliśmy już na samym początku :( Ja nie cjce pobierać danych do formularza, ten formularz bedzie mały i wszystko bedzie sie znajdować w nim (w tablicy w JS), a dopiero później wysłać wynik do innej podstrony. Jeśli nie zrozumiale to tu masz rysunek:
1. formularz 1 - kompytery (value=komp) - komorki (value=kom) <----wybieram to - dom (value=dom) 2. formularz 2 - nokia (value=nokia) - motorola (value=motorola) - sagem (value=sagem) <-----wybieram to i wtedy wysyłam getem to ?form1=kom&form2=sagem
A teraz jeśli wszystko juz jasne to co mam zrobić? Ma ktoś pomyśł?

Hmmm... Nie znam zbytnio JS, więc mogą być błędy :)
Daję Ci tu tylko funkcję, bo nie chce mi się myśleć, do jakiego zdarzenia to wszystko dać :D
<script> function change(kat) { var e; if (kat=='komorki') { e = document.getElementById('lista'); e.value[0] = 'nokia'; e.value[1] = 'se'; e.value[2] = 'sagem'; } elseif (kat=='kompy') { e = document.getElementById('lista'); e.value[0] = 'amd'; e.value[1] = 'intel'; e.value[2] = 'via'; } } </script>

Ale się ciesze że to jest takie proste :):):)

Tylko jak mam to wstawić do formularzy?

Ha, gdyby było takie proste, to bym Ci cały kod podał ;)
Nie wiem, jak to rozwiązać... Może ma pola wyboru (komórki/komputery) (Radio, czy coś takiego) i po kliknięciu (zdarzenie onclick) wykonujesz odpowiednio tą funkcję ;)
Czyli coś takiego:
onclick="change(komorki);"
Zaprezentuję to na przykładzie pola tekstowego:
<input type="text" name="kompy" onclick="change(kompy)" value="komputery" />

Dobra dzisiaj juz sobie daruje, ale jutro znów popróbuje i napisze jeszcze raz

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.