• Web sitemizin içeriğine ve tüm hizmetlerimize erişim sağlamak için Web sitemize kayıt olmalı ya da giriş yapmalısınız. Web sitemize üye olmak tamamen ücretsizdir.

Birbirine Bağlı Olarak Değişen Combobox'lar

ByOnur58

Kayıtlı Üye
Forum Yaşı
11 Yıl 5 Ay
Mesajlar
2,114
Tepkime puanı
10
Kod:
<BODY>
<!-- Original:  Mikayel Muradyan ([email protected]) -->


<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--


// Initialize class for Type and Style


function Type(id, type){


     this.id = id;


     this.type = type;


}


function Style(id, id_type, style){


     this.id = id;


     this.id_type = id_type;


     this.style = style;


}


// Initialize Array's Data for Type and Style


TypeArray = new Array(


     new Type(1, "Apparel"),


     new Type(2, "Shoes"),


     new Type(5, "Accessories")


     );






StyleArray = new Array(


     new Style(4, 1, "Apparel_1"),


     new Style(7, 1, "Apparel_2"),


     new Style(41, 2, "Shoes_3"),


     new Style(21, 2, "Shoes_4"),


     new Style(17, 2, "Shoes_2"),


     new Style(30, 5, "Accessories_3"),


     new Style(27, 5, "Accessories_4"),


     new Style(31, 5, "Accessories_3")


     );




function init(sel_type, sel_style){


********.product.id_type.options[0] = new Option("[ Type ]");


********.product.id_style.options[0] = new Option("[ Style ]");


for(i = 1; i <= TypeArray.length; i++){


     ********.product.id_type.options[i]     = new Option(TypeArray[i-1].type, TypeArray[i-1].id);


     if(TypeArray[i-1].id == sel_type)


                    ********.product.id_type.options[i].selected = true;


}


OnChange(sel_style);






}


function OnChange(sel_style){


sel_type_index = ********.product.id_type.selectedIndex;


sel_type_value = parseInt(********.product.id_type[sel_type_index].value);




for(i = ********.product.id_style.length - 1; i > 0; i--)


********.product.id_style.options[i] = null;




j=1;


for(i = 1; i <= StyleArray.length; i++){


if(StyleArray[i-1].id_type == sel_type_value){


********.product.id_style.options[j] = new Option(StyleArray[i-1].style, StyleArray[i-1].id);


if(StyleArray[i-1].id == sel_style)
********.product.id_style.options[j].selected = true;


     j++;


     }


}


}


//-->


</SCRIPT>


<form name="product">


<select name="id_type" size="1" style="width: 150px;" onChange="OnChange()"></select>


<select name="id_style" size="1" style="width: 150px;"></select>


</form>


<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">


<!--


//init(5, 31); // Initialize comboboxes by selected sel_type and sel_style


init(); // Default initialize comboboxes for Type and Style


//-->

</SCRIPT>
 
Geri
Üst