combo select, dynamiczna lista Opcje

[usb]

WItam. Mam dla twardzieli twardy orzech do zgryzienia. Mam oto taki kod js:

[PHP] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
 
// first combo box
 
	data_1 = new Option("1", "$");
	data_2 = new Option("2", "$$");
 
// second combo box
 
	data_1_1 = new Option("11", "-");
	data_1_2 = new Option("12", "-");
	data_2_1 = new Option("21", "--");
	data_2_2 = new Option("22", "--");
	data_2_3 = new Option("23", "--");
	data_2_4 = new Option("24", "--");
	data_2_5 = new Option("25", "--");
 
// third combo box
 
	data_1_1_1 = new Option("111", "*");
	data_1_1_2 = new Option("112", "*");
	data_1_1_3 = new Option("113", "*");
	data_1_2_1 = new Option("121", "*");
	data_1_2_2 = new Option("122", "*");
	data_1_2_3 = new Option("123", "*");
	data_1_2_4 = new Option("124", "*");
	data_2_1_1 = new Option("211", "**");
	data_2_1_2 = new Option("212", "**");
	data_2_2_1 = new Option("221", "**");
	data_2_2_2 = new Option("222", "**");
	data_2_3_1 = new Option("231", "***");
	data_2_3_2 = new Option("232", "***");
 
// fourth combo box
 
	data_2_2_1_1 = new Option("2211","%")
	data_2_2_1_2 = new Option("2212","%%")
 
// other parameters
 
    displaywhenempty=""
    valuewhenempty=-1
 
    displaywhennotempty="-select-"
    valuewhennotempty=0
 
 
function change(currentbox) {
	numb = currentbox.id.split("_");
	currentbox = numb[1];
 
    i=parseInt(currentbox)+1
 
// I empty all combo boxes following the current one
 
    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
           (document.getElementById("combo_"+i)!=null)) {
         son = document.getElementById("combo_"+i);
	     // I empty all options except the first one (it isn't allowed)
	     for (m=son.options.length-1;m>0;m--) son.options[m]=null;
	     // I reset the first option
	     son.options[0]=new Option(displaywhenempty,valuewhenempty)
	     i=i+1
    }
 
 
// now I create the string with the "base" name ("stringa"), ie. "data_1_0"
// to which I'll add _0,_1,_2,_3 etc to obtain the name of the combo box to fill
 
    stringa='data'
    i=0
    while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&
           (document.getElementById("combo_"+i)!=null)) {
           eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")
           if (i==currentbox) break;
           i=i+1
    }
 
 
// filling the "son" combo (if exists)
 
    following=parseInt(currentbox)+1
 
    if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&
       (document.getElementById("combo_"+following)!=null)) {
       son = document.getElementById("combo_"+following);
       stringa=stringa+"_"
       i=0
       while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {
 
       // if there are no options, I empty the first option of the "son" combo
	   // otherwise I put "-select-" in it
 
	   	  if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))
	   	      if (eval("typeof("+stringa+"1)=='undefined'"))
	   	         eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")
	   	      else
	             eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")
	      else
              eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")
	      i=i+1
	   }
       //son.focus()
       i=1
       combostatus=''
       cstatus=stringa.split("_")
       while (cstatus[i]!=null) {
          combostatus=combostatus+cstatus[i]
          i=i+1
          }
       return combostatus;
    }
}
 
//-->
</script>
[PHP] pobierz, plaintext 

Skrypt działą jak należy. Tzn. mamy pierwsza liste, wybieramy jakąś opcje i zależnie co wybralismy pojawiaja się nowe opcje w drugiej liście potem trzecia. Problem polega na tym jeżeli na stronie głownej mam zwykły tekst(linki z GETem) z wypisanymi głownymi kategoriami i po kliknieciu chcialbym zeby przeszla na strone z w/w kodem i odrazu zaznaczylo kat głowną z podporzadkowana do niej drugą listą.

Przesyłam dane np. w GET ale potem co? Jak zrobić żeby na dzień dobry bez kliknięć pokazało podrzedną listę wybranej wcześniej na stronie głownej kategorii.

Jakieś pomysły?

proszę przenieść wątek do działu po stronie przeglądarki

Ten post edytował usb 18.09.2009, 09:35:18

[askone]

Hej

Wydaje mi się, iż rozwiązaniem będzie wywołanie po załadowaniu strony eventu onchange() dla pierwszego "select". Reszta ustawi się łańcuchowo...

Pozdro

[usb]

Też tak myślałem ale ja z JS to noga jestem.

Czyli leci GET z ID kategorią na stronę docelową i co? Jak zrobić żeby przekazać/wywołąc onchange dla pierwszego select po stronie JS?

[askone]

GetElementById('tutajId').onchange();


Ale uprzedzam, że mogą być błędy... JS to też nie moja mocna strona (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował fly474 18.09.2009, 10:17:56

[usb]

Może się przyda , formularz do skryptu:

[HTML] pobierz, plaintext 
<form>
<select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">
	<option value="value1">-select-</option>
	<option value="value2">1</option>
	<option value="value3">2</option>
 
</select>
<BR><BR>
<select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">
	<option value="value1">  </option>
</select>
<BR><BR>
<select name="combo2" id="combo_2" onChange="change(this);" style="width:200px;">
	<option value="value1">  </option>
</select>
<BR><BR>
<select name="combo3" id="combo_3" onChange="change(this);" style="width:200px;">
	<option value="value1">  </option>
 
</select>
 
</form>
[HTML] pobierz, plaintext 

czyli coś taiego:

GetElementById('<? echo $_GET[' id_kategorii' ]?>').onchange(); (IMG:style_emoticons/default/questionmark.gif)
i wywołąc ją w body onload czy jak?

Zauważ że ID jest przypisane do select czyli obiektu nie do poszczególnych opcji, czy można zmienić w/w skrypt i dac funkcje onchange przy samych opcjach? Czy coś modze (IMG:style_emoticons/default/tongue.gif)

funkcja onchange działa w momencie zmiany wyboru opcji zgadza sie? To w taki razie jak zaznaczyć opcję przy załądowaniu świeżo strony aby onchange załąpało?
----------------------

Wykombinowałem takie coś:

[HTML] pobierz, plaintext 
function zmien() {
          if ("ok" == "<? echo $_GET['id']; ?>") {
               document.form1.combo0[1].selected = "1"
          }
     }
[HTML] pobierz, plaintext 

Wywołanie funkcji w onload w body i działa, jeżeli ID jest róne coś tam to zaznacza głowną kategorie która chce tylko problem jest taki że podrzedna kat sie nie pojawia. Czyli nie łapie tego chwytu onchange?? jakieś pomysły??

OK UDAŁO SIE (IMG:style_emoticons/default/biggrin.gif)

oto prawidłowa funkcja w onload:

[HTML] pobierz, plaintext 
function zmien() {
          if ("ok" == "<? echo $_GET['id']; ?>") {
               document.form1.combo0[1].selected = "1"
           change(document.form1.combo0);
          }
     }
[HTML] pobierz, plaintext 

Czyli wywołałem funkcje change zaraz po zaznaczeniu opcji. Onchange dziala przy integracji uzytkownika i wywolywalo wtedy docelowa f. change. proste (IMG:style_emoticons/default/smile.gif)

Dzięki fly474 za podsuniecie pomyslu . pozdro

Ten post edytował usb 18.09.2009, 11:28:11