Cześć,
chciałbym, aby wybrana opcja pokazywała ukrytego div'a.
O ile wiem jak to zrobić i kod działa prawie poprawnie, to chciałbym dorzucić jedną rzecz.
Otóż jeśli opcja przyjmuje jakąś wartość która ma z założenia pokazać tego div'a, to pokazuje go tylko gdy zostanie on wybrany.
A jeśli jest zmieniony i strona zostanie odświeżona, to div nie zostaje odkryty.
Jak temu zaradzić.
W poniższym przykładnie widać, że opcja "red" nie wyświetla nic. A chciałbym, aby domyślnie coś wyświetliła, a nie dopiero po zmianie.
html
<Select id="colorselector">
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="blue">Blue</option>
</Select>
<div id="red" class="colors" style="display:none"> red... </div>
<div id="yellow" class="colors" style="display:none"> yellow.. </div>
<div id="blue" class="colors" style="display:none"> blue.. </div>
js/jquery
$(function() {
$('#colorselector').change(function(){
$('.colors').hide();
$('#' + $(this).val()).show();
});
});
Tutaj linka do jsfiddle http://jsfiddle.net/FvMYz/
Za pomoc z góry dziękuję.