none
Bir listbox da bir item seçtiğimde, diğer 3 listbox daki seçimleri javascript ile nasıl iptal edebilirim? RRS feed

  • Soru

  • ASP Sayfamda 4 tane listbox ım var.

    ListBox1, ListBox2, ListBox3, ListBox4

    Bu listboxların herbirinin SelectedIndexChanged özelliklerinde birer javascript çalışıyor.

    ListBox1.SelectedIndexChanged ="OnListBoxIndexChanged"

    ListBox2.SelectedIndexChanged ="OnListBoxIndexChanged2"

    ListBox3.SelectedIndexChanged ="OnListBoxIndexChanged3"

    ListBox4.SelectedIndexChanged ="OnListBoxIndexChanged4"

    Bu listboxlardan herhangi birinden bir item seçtiğimde, diğer listboxlarda seçilmiş itemleri iptal etmek istiyorum. Bu işlemi javascript te nasil yapabilirim?

    20 Şubat 2013 Çarşamba 09:36

Yanıtlar

  • Merhaba uahicbikmaz,

    Senin sorununla ilgili küçük bir örnek yazdım. Örnek html tabanlı ancak sanırım javaScript kısmını alıp senin projene uygulamak zor olmaz. Takıldığın bir yer olursa yardımcı olmaya çalıyırım.

    Aşağıdaki kodu test.html isimli bir dosyaya kaydedip sonucu görebilirsin.

    <html>
    <head>
    <title>Forum JavaScript</title>
    <script type="text/javascript">
        function degisimKontrol(metinKutu)
        {
            switch (metinKutu.id)
            {
                case "metinKutu1":
                    document.getElementById("metinKutu2").selectedIndex = -1;
                    document.getElementById("metinKutu3").selectedIndex = -1;
                    break;
    
                case "metinKutu2":
                    document.getElementById("metinKutu1").selectedIndex = -1;
                    document.getElementById("metinKutu3").selectedIndex = -1;
                    break;
    
                case "metinKutu3":
                    document.getElementById("metinKutu1").selectedIndex = -1;
                    document.getElementById("metinKutu2").selectedIndex = -1;
                    break;
    
                default:
                    alert("Tanımsız bir seçenek");
            }
        }
    </script>
    </head>
    
    <body>
    
    <h1>Forum JavaScript Örnek</h1>
    
    <select id="metinKutu1" size="6" onchange="degisimKontrol(this)" multiple="multiple">
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
        <option>text4</option>
        <option>text5</option>
     </select>
    
    <select id="metinKutu2" size="6" onchange="degisimKontrol(this)" multiple="multiple">
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
        <option>text4</option>
        <option>text5</option>
     </select>
    
    <select id="metinKutu3" size="6" onchange="degisimKontrol(this)">
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
        <option>text4</option>
        <option>text5</option>
     </select>
    
    </body>
    </html>


    http://www.zafercelenk.net

    21 Şubat 2013 Perşembe 06:43