kombinovany rollovaci formular (html,javascript)

kolac

Ahojte,

chcel by som vyrobit nieco nasledovne:
z 1. rollovacieho boxu vo formulari by navstevnik vybral znacku laptopu
z 2. rollovacieho boxu by uz mal k tejto znacke vyfiltrovane modely laptopov, kliknutim na odoslat by ho to hodilo na patricny odkaz, ktory by som k tejto kombinacii priradil (jednorazovo), nepracovalo by to s databazou.

alebo

jednoducho jedno rollovacie pole, pricom po navoleni danej polozky by to zakaznika hodilo na stranku, ktora bude priradena danemu policku.

nejake napady ? dakujem.

jorg22

Nieco takeho hladas?

Kód: Vybrať všetko

<select onchange="window.location = 'http://stranka.sk/'+this.options[this.selectedIndex].value">
  <option value="">...</option>
  <option value="lenovo">Lenovo</option>
  <option value="acer">Acer</option>
  <option value="msi">MSI</option>
  <option value="ASUS">ASUS</option>
</select>

kolac

ano to je ono a ak by to malo fungovat aj s druhym rolovacim boxom ?

jorg22

Napriklad takto?:

Kód: Vybrať všetko

<html>
<select id="znacka" onchange="change(document.getElementById('typ'), this);">
  <option value="lenovo">Lenovo</option>
  <option value="acer">Acer</option>
  <option value="msi">MSI</option>
  <option value="ASUS">ASUS</option>
</select>
<select id="typ" onchange="load(document.getElementById('znacka'), this);">
  <option value="">...</option>
  <option value="A">A</option>
  <option value="b">B</option>
  <option value="z560">Z560</option>
  <option value="z590">Z590</option>
</select>
<script>
function load(znacka, typ){
	window.location = 'http://stranka.sk/'+znacka.options[znacka.selectedIndex].value+'_'+typ.options[typ.selectedIndex].value;
}

function change(typ, znacka){
	typ.innerHTML = "<option value=''>...</option>";
	switch(znacka.options[znacka.selectedIndex].value){
		case "lenovo":
			typ.innerHTML += "<option value='z590'>Z590</option>";
			typ.innerHTML += "<option value='y590'>Y590</option>";
			typ.innerHTML += "<option value='x590'>X590</option>";
		break;
		case "acer":
			typ.innerHTML += "<option value='ppp'>ppp</option>";
			typ.innerHTML += "<option value='lll'>lll</option>";
		break;
		case "msi":
			typ.innerHTML += "<option value='mxi'>MXI</option>";
			typ.innerHTML += "<option value='fff'>fff</option>";
			typ.innerHTML += "<option value='ggg'>ggg</option>";
		break;
		case "ASUS":
			typ.innerHTML += "<option value='a123'>a123</option>";
			typ.innerHTML += "<option value='a124'>a124</option>";
			typ.innerHTML += "<option value='typ89'>typ89</option>";
		break;
	}

}
</script>

</html>

kolac

jasne chapem, vdaka. len ja to potrebujem "prepojit" s eshopom, kde url kazdeho produktu neobsahuje jeho nazov(ZnackaModel), ale ID, takze menit dve hodnoty v url nebude mozne.

jorg22

to uz si jednoducho prerobis, ak neovladas javascript tak si to budes musiet zaplatit u nejakeho programatora...

kombinovany rollovaci formular (html,javascript)

kombinovany rollovaci formular (html,javascript)

Re: kombinovany rollovaci formular (html,javascript)

Re: kombinovany rollovaci formular (html,javascript)

Re: kombinovany rollovaci formular (html,javascript)

Re: kombinovany rollovaci formular (html,javascript)

Re: kombinovany rollovaci formular (html,javascript)