Üye Kayıt Üye Giriş

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


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

 

<BODY>
<!-- Original: Mikayel Muradyan (mikam@freenet.am) -->

<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){

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

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

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

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

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

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

}

OnChange(sel_style);



}

function OnChange(sel_style){

sel_type_index = document.product.id_type.selectedIndex;

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


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

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


j=1;

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

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

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

if(StyleArray[i-1].id == sel_style)
document.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>

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER