MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > JavaScript > Kodlar

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

Bir combobox'ta bir seçeneği seçiyorsunuz, diğeri ona bağlı olarak değişiyor

Kategori : JavaScript
Gönderen : mYavuz
Telif :
Tarih : 06 Mayıs 2005
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 26840
Puan
: 6,9 / 10 (11 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<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>
 
 

Birbirine Bağlı Olarak Değişen Combobox'lar için yazılan yorumlar

Sdtshll  { 24 Nisan 2011 }
ellerine sağlık ama ben buna nasıl link eklerim veya iki veiyi de alarak nasıl bi sayfaya yönlendire bilirim ..

ceka   { 13 Ocak 2010 }
uygulama için teşekkürler.bir projede bunu kullandım.Veritabanıyla ilişkili... veritabanına comboboxlardan id ler gidiyor.Bunun yerine Type ve style degerlerini nasıl gönderebilirim?İyi çalışmalar

huseyin   { 02 Aralık 2008 }
gusel site tkler ama neyi nereye yazacağınıda gösterseniz daha iyi olmaz mı?

RoHaN   { 14 Ekim 2007 }
combobox nedir anlamadım?

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Birbirine Bağlı Olarak Değişen Combobox'lar
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.158.194.80 | 0,11 Saniye
© Copyright 2004-2018 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.