Citat:
noviKorisnik:Kao što već reče bluesman, postoje ovde teme s kompletnim primerima i kodom, ali ni sam ne znam to da pronađem.
Ovo je valjda dovoljno da odradiš do kraja svoj primer i okačiš ga ovde.
Nadjoh neki primer, pa ga malo preradih i evo koda.
Code:
<html>
<head>
<script language="javascript">
<!--
//!!!!!!!!!!!!!!!!!!! ODAVDE !!!!!!!!!! PA NADALJE
model_izaberite_names = new Array('--Izaberite--');
model_izaberite_ids = new Array('izaberite');
model_izaberite = 1;
model_value1_names = new Array('model1','model2');
model_value1_ids = new Array('vrednost1','vrednost2');
model_value1 = 2;
model_value2_names = new Array('model3','model4');
model_value2_ids = new Array('vrednost3','vrednost4');
model_value2 = 2;
//!!!!!!!!!!!!!!!!!!! DO OVDE !!!!!!!!!! SE GENERISE AUTOMATSKI IZ PHP-a
function selectTask() {
var name="";
var value=0;
// get selected prj_id (new)
var prj_id=imeforme.tip.options[imeforme.tip.selectedIndex].value;
// get number of model in selected tip
var model_no=eval("model_"+prj_id);
// Empty existing content (model)
// Note: loop is downto because deleted options are removed from the list immediate!
for (i=imeforme.model.options.length-1; i>=0; i--)
imeforme.model.options[i]=null;
// Insert new content
for (i=0; i<model_no; i++) {
name=eval("model_"+prj_id+"_names[i]"); // get name
value=eval("model_"+prj_id+"_ids[i]"); // get value
imeforme.model.options[i] = new Option(name, value); // add new option
}
imeforme.model.selectedIndex=0;
return;
}
if (imeforme.tip.options.length > 0) {
var prj_id=imeforme.tip.options[imeforme.tip.selectedIndex].value;
var model_no=eval("model_"+prj_id);
for (i=0; i<model_no; i++) {
name=eval("model_"+prj_id+"_names[i]"); // get name
value=eval("model_"+prj_id+"_ids[i]"); // get value
imeforme.model.options[i] = new Option(name, value); // add new option
}
}
-->
</script>
</head>
<body>
<!--Ovo nadalje sam ja generisao php-om ali evo u primeru je html da bi se videlo kako radi....-->
<FORM name="imeforme" METHOD="post" action="prikaz.php">
<select name="tip" onChange="selectTask();">
<OPTION VALUE= "izaberite" SELECTED>--Izaberite--</OPTION>
<OPTION VALUE= "value1" >Tip1</OPTION>
<OPTION VALUE= "value2">Tip2</OPTION>
</select>
<select name="model">
<OPTION VALUE= "" SELECTED>--Izaberite--</OPTION>
</select>
</form>
</body>
</html>
Pozdrav!
Milan.