Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Dodawanie switchów
Forum PHP.pl > Forum > Przedszkole
coins4psc
Witam w jaki sposób mógłbym mógłbym dodać więcej "switch"-ów. Wyjaśnię to na przykładzie. Na tej stronie po wybraniu Bronze, Division 5 pojawia się obrazek i na dole cena. Chciałbym aby pojawiało się na każdej opcji. Kod wygląda następująco :

Kod
<script type="text/javascript">
jQuery(function ($) {
    $("#pierwszy, #drugi, #trzeci").change(function () {
        var val1 = $("#pierwszy").val();
        var val2 = $("#drugi").val();
        var val3 = $("#trzeci").val();
        var img = '';
        var text = "";
        
        switch (val1) {
            case "Unranked":
                switch (val2) {
                    case "Division 5":
                        switch (val3) {
                            case "5":
                                text = "20";
                                break;
                    case "Division 4":
                        text = "33€";
                        break;
                    case "Division 3":
                        text = "39€";
                        break;
                    case "Division 2":
                        text = "44€";
                        break;
                    case "Division 1":
                        text = "50€";
                        break;
                }}
                break;
            case "Bronze":
                switch (val2) {
                    case "Division 5":
                        switch (val3) {
                            case "5":
                                text = "20€";
                                img  = "<img src='b5.png' />";
                                break;    
                                case "6":
                                text = "22€";
                                img  = "<img src='b5.png' />";
                                break;
                                case "7":
                                text = "24€";
                                img  = "<img src='b5.png' />";
                                break;
                                case "8":
                                text = "26€";
                                img  = "<img src='b5.png' />";
                                break;
                                case "9":
                                text = "28€";
                                img  = "<img src='b5.png' />";
                                break;
                                case "10":
                                text = "30€";
                                img  = "<img src='b5.png' />";
                                break;                                        
                    case "Division 4":
                                text = "40€";
                                img  = "<img src='b5.png' />";
                                break;
                    case "Division 3":
                        text = "32€";
                        break;
                    case "Division 2":
                        text = "36€";
                        break;
                    case "Division 1":
                        text = "41€";
                        break;
                }}
                break;
            case "Silver":
                switch (val2) {
                    case "Division 5":
                        text = "25€";
                        break;
                    case "Division 4":
                        text = "30€";
                        break;
                    case "Division 3":
                        text = "35€";
                        break;
                    case "Division 2":
                        text = "40€";
                        break;
                    case "Division 1":
                        text = "45€";
                        break;
                }
                break;
            case "Gold":
                switch (val2) {
                    case "Division 5":
                        text = "28€";
                        break;
                    case "Division 4":
                        text = "33€";
                        break;
                    case "Division 3":
                        text = "39€";
                        break;
                    case "Division 2":
                        text = "44€";
                        break;
                    case "Division 1":
                        text = "50€";
                        break;
                }
                break;
            case "Platinum":
                switch (val2) {
                    case "Division 5":
                        text = "30€";
                        break;
                    case "Division 4":
                        text = "36€";
                        break;
                    case "Division 3":
                        text = "42€";
                        break;
                    case "Division 2":
                        text = "48€";
                        break;
                    case "Division 1":
                        text = "54€";
                        break;
                }
                break;
            case "Diamond":
                switch (val2) {
                    case "Division 5":
                        text = "34€";
                        break;
                    case "Division 4":
                        text = "41€";
                        break;
                    case "Division 3":
                        text = "47€";
                        break;
                    case "Division 2":
                        text = "54€";
                        break;
                    case "Division 1":
                        text = "61€";
                        break;
                }
                break;
                    
        }

        $("#tekst").text(text);
        $("#zdjontko").html(img);
    }).eq(0).change();
});
</script>


Wiem jak działa ten kod ale nie umiem poprostu go edytować. Dałby mi ktoś wskazówkę?
nospor
Skleroze masz? Pytasz juz o to w innym temacie :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.