Neler yeni
Türkiye'nin En Güncel Forum Sitesi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

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

ByOnur58

Kayıtlı Üye
MFC Üyesi
  • Üyelik Tarihi
    7 Ocak 2015
  • Mesajlar
    2,113
  • MFC Puanı
    10
  • MFC Seviyesi

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>
 
Üst Alt