Zmiana opcji w select gdy inny select jest wybrany

Question

Cześć,
Chcialbym aby po wybraniu danej z opcji w #przyklad w select o id odpowiedzi pokazaly sie konkretne odpowiedzi dla danej opcji. Probowalem w ten sposob (kod ponizej).

<select id="przyklad">
   <option value="default">Wybierz</option>
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
</select>

<select id="odpowiedzi">
   <option value="default">Wybierz</option>
</select>

a tutaj jquery:

$(document).ready(function() {

$("#przyklad").change(function() {
    var val = $(this).val();

    if(val=="a"){
        $("#odpowiedz").html(odpowiedzA[val]);
    }
});

    var odpowiedzA = ["1", "2", "3"]; 
    var odpowiedzB = ["4", "5", "6"]; 
    var odpowiedzC = ["7", "8", "9"]; 

});

Wzorowalem sie tym postem ze stackoverflow: 

https://stackoverflow.com/questions/4480637/how-to-change-a-selections-options-based-on-another-select-option-selected

 

Tylko ze chialbym miec te dane zapisane w tablicy.

Dzieki

Answer 1

Czekaj, chcesz, żeby np. po wybraniu wartości 'a' w selekcie '#przyklad', w '#odpowiedzi' mozna bylo wybrac wartosci z tablicy odpowiedzA? Do tego możesz użyć document.createElement.

 

var val = $(this).val();
 
    if(val=="a"){
        $("#odpowiedz").html(odpowiedzA[val]);
    }

Nie wiem jak chcesz wyciągnąć z tablicy odpowiedzA indeks 'a' :^)

Comments

Chodzi mi o cos takiego ze gdy wybiore "a" w pierwszym polu to w drugim polu bede mial tylko opcje z np odpowiedzA

---

Na szybko takie coś zrobiłem. Pobaw się tym i poczytaj dokumentację :)

https://jsfiddle.net/kng4oy3w/2/

Pozdrawiam :>

---

wow! dzieki wielkie!