Divi select (dropdown) bez lapas pārlādes

[senters]

Man šoreiz būs vajadzīga lielāka palīdzība par šo, nepietiks ar funkcijām. Kur šo getu jāliek. // no js saprotu pavisam maz, bet situācija spiež šādu lietu izveidot.

[2easy]

tūlīt atkal sāksies priekšā rakstīšanas svētki... :P

 

hmm, nju tad sākam: $.get() tev dabūs vajadzīgos datus bez lapas pārlādes :)) to izmanto tajā funkcijā, ko izsauc onchange brīdī. bet debugot tev tomēr vajag iemācīties. iekš js lieto alert("blabla"); lai redzētu kādi dati kur ir

Edited March 3, 2010 by 2easy

[senters]

Lūgums šoreiz būtu šādiem "svētkiem", balstoties uz manu test.php failu. Es pats šoreiz neizkodīšu, vajadzēja jau vakar, bet nu tur es pats vainīgs.

 

Iekš mana test.php nav onchange vispār lietots, tas būs vispār pareizi? Vai kategoriju selectā nevajag būt tam onchange?

Edited March 3, 2010 by senters

[2easy]

Es pats šoreiz neizkodīšu, vajadzēja jau vakar, bet nu tur es pats vainīgs.

njaa, vsp jau vajag uzņemties darīt to, ko vari izdarīt!!!

vai arī outsourcēt to, kas pašam nav pa spēkam (es tā saprotu, ka šajā brīdī tas arī notiek :D:D:D)

Edited March 3, 2010 by 2easy

[senters]

Jā, šoreiz saprotu, ka šī lieta nebūs tik viegli paveicama, tādēļ arī šī bija vieta kur nācu meklēt kādu palīdzīgu roku.

 

 

$.get() tev dabūs vajadzīgos datus bez lapas pārlādes :)) to izmanto tajā funkcijā

 

Skatoties uz test.php failu - nekur nav šis onchange lietots.

Edited March 3, 2010 by senters

[2easy]

ir gan!

.change(...)

http://api.jquery.com/change/

 

vajag tomēr lasīt jquery dokumentāciju http://docs.jquery.com

bet laba js dokumentācija ir šeit https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference

 

ok, nav jau obligāti ar jquery jācīnās. vari izmantot onchange="" atribūtu iekš html, ja tev tā labāk patīk. bet pats redzi, ka nezinot kas kur notiek, pat no priekšā rakstīšanas ir visai maz tolka...

 

ja gribi spēlēt basketbolu, tad taču arī vispirms driblēt ir jāiemācās, vai ne?

Edited March 3, 2010 by 2easy

[senters]

Meklēšu citur palīdzību, paldies Tev par milzīgo atsaucību. Varbūt kāds cits var līdzēt!?

 

 

Kautko šādu atradu - http://www.sislands.com/coin70/week5/onChange.htm

 

šis piemērs tomēr nederēs.

Edited March 3, 2010 by senters

[codez]

skatījies firebug?

Ko rāda?

Man rāda kļūdu 5. rindā, kur ir js kļūda, jo PHP ir izdrukājis Notice, ka nav tāda sub_cats mainīgā, no kā var izsecināt, ka esi manis doto kodu samainījies vietām nesekmīgi, jo tajā vietā šis mainīgais vēl nav definēts.

[2easy]

njaa codez, tu gan baro viņu no karotītes un vēl sakošļā viņa vietā... :P

[senters]

Panācu sev vajadzīgo lietu ar šo variantu -> http://www.plus2net.com/javascript_tutorial/dropdown-list-demo.php un paldies codez par palīdzību

[2easy]

redzēsim, kā tu to apvienosi ar php :D

 

anyway, tiešām ļoti labs links! paldies senters ;)

Edited March 3, 2010 by 2easy

[senters]

Pirms selectiem šādi:

 

<script type="text/javascript" language="javascript">
function fillCategory(){ 
 // this function is used to fill the category list on load
addOption(document.drop_list.kategorija, "13", "Grieztie ziedi", "");
addOption(document.drop_list.kategorija, "3", "Kāzu dekori", "");
addOption(document.drop_list.kategorija, "6", "Ziedu pušķi un kompozīcijas", "");
addOption(document.drop_list.kategorija, "7", "Sēru dekori", "");
addOption(document.drop_list.kategorija, "14", "Telpu dekori un noformēšana", "");
addOption(document.drop_list.kategorija, "15", "Telpaugi", "");
addOption(document.drop_list.kategorija, "16", "Dekoratīvie puķu podi", "");
addOption(document.drop_list.kategorija, "17", "Dāvanas", "");
addOption(document.drop_list.kategorija, "18", "Dāvanu iesaiņošana", "");
}

function SelectSubCat(){
// ON selection of category this function will work

removeAllOptions(document.drop_list.apakskategorija);
addOption(document.drop_list.apakskategorija, "", "", "");

if(document.drop_list.kategorija.value == '13'){
}
if(document.drop_list.kategorija.value == '3'){
addOption(document.drop_list.apakskategorija,"5", "Kāzu pušķi");
addOption(document.drop_list.apakskategorija,"6", "Piespraudes");
addOption(document.drop_list.apakskategorija,"7", "Automašīnu dekori");
addOption(document.drop_list.apakskategorija,"8", "Telpas noformēšana");
addOption(document.drop_list.apakskategorija,"16", "Citi dekori");
}
if(document.drop_list.kategorija.value == '6'){
}
if(document.drop_list.kategorija.value == '7'){
addOption(document.drop_list.apakskategorija,"9", "Vainagi");
addOption(document.drop_list.apakskategorija,"10", "Štrausi");
addOption(document.drop_list.apakskategorija,"11", "Citi sēru dekori");
}
if(document.drop_list.kategorija.value == '14'){
}
if(document.drop_list.kategorija.value == '15'){
}
if(document.drop_list.kategorija.value == '16'){
}
if(document.drop_list.kategorija.value == '17'){
addOption(document.drop_list.apakskategorija,"12", "Stikla figūras");
addOption(document.drop_list.apakskategorija,"13", "Keramika");
addOption(document.drop_list.apakskategorija,"14", "Sveces un svečturi");
addOption(document.drop_list.apakskategorija,"15", "Vāzes");
addOption(document.drop_list.apakskategorija,"17", "Dāvanas bērniem");
}	
if(document.drop_list.kategorija.value == '18'){
}	


}
////////////////// 

function removeAllOptions(selectbox)
{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
	{
		//selectbox.options.remove(i);
		selectbox.remove(i);
	}
}


function addOption(selectbox, value, text )
{
	var optn = document.createElement("option");
	optn.text = text;
	optn.value = value;

	selectbox.options.add(optn);
}
</script>

 

body -

<body onLoad="fillCategory();">

 

un selectos šādi:

 

	<form method="post" enctype="multipart/form-data" name="drop_list">
<table>
<tr>
	<td>Kategorija:</td>
	<td>
		<select name="kategorija" onChange="SelectSubCat();"></select>
	</td>
</tr>
<tr>
	<td>Apakškategorija:</td>
	<td>
		<select name="apakskategorija" id="apakskategorija"></select>
	</td>
</tr>

 

Atvainojos par spamu, bet varbūt kādam nezinātājam radīsies šāds jautājums, kā to panākt. Te būs vienkāršots atrisinājums. Codez idejā neiebraucu - neiznāca.

Edited March 3, 2010 by senters

[2easy]

nu ja tā jau parasti ir: simple example ftw