Zmiana danych select na dane z bazy danych po wydarzeniu on change

0

Witam.

Mam w formularzu dwa pola select. Jeden "rozmiar" drugi "kolor". Pole kolor jest disabled. Chciałbym aby po zmianie pola rozmiar pole kolor stało się aktywne (to już zrobiłem).

<script type="text/javascript" charset="utf-8">
	$('select[name="rozmiar"]').change( function() {
	     $('select[name="kolor"]').removeAttr("disabled");
	     
   		}
	});
</script>

Jednak chciałbym aby po wybraniu rozmiaru w polu kolor pojawiły się tylko dostępne kolory w danym rozmiarze.
Z bazy danych podczas ładowania strony pobieram tabelę w której mam zapisane jakie dane kolory są dostępne w danym rozmiarze. W zasadzie problem rozbija się o to aby zapisać tabelę z php tak aby byłą widoczna w JS. A może jakoś inaczej powinienem to zrobić?

1

Content pobrany ajaxem wrzucasz po prostu do tagu select.
https://jsfiddle.net/2wzd014p/

PS. Co ma Java w tagu tematu do tego wszystkiego ?

1 użytkowników online, w tym zalogowanych: 0, gości: 1