mam taki wycinek:
<select name="from-country" size="1" id="from-country" onchange="from-land.style.display=this.options[this.selectedIndex].PL;return false;" tabindex="1"> <option value="error">*Miejsce wyjazdu...</option> <option value="PL">Polska</option> <option value="DE">Niemcy</option> <option value="BE">Belgia</option> <option value="NL">Holandia</option> <option value="CH">Szwajcaria</option> <option value="DK">Dania</option> </select>
jak widać powyżej jest tam użyty onchange - ale o co mi chodzi:
chcę, żeby pojawiał się element o id "from-land" tylko wtedy kiedy wybiorę Polska (PL) - czyli zeby zmienic jego styl z display: none - na display: inherit np
a może tak po prostu zrobić?
<select name="from-country" size="1" id="from-country" style="position:absolute;" tabindex="1"> <option value="error">*Miejsce wyjazdu...</option> <option value="PL">Polska</option> <option value="DE">Niemcy</option> <option value="BE">Belgia</option> <option value="NL">Holandia</option> <option value="CH">Szwajcaria</option> <option value="DK">Dania</option> </select><script> $('#from-country').value(function() { if ($('#from-country').value('PL')) { $('#from-land').css('display', 'inline'); } else { $('#from-land').css('display', 'none'); } }); </script>
tylko to tez nie działa
http://jsfiddle.net/Wf3g2/303/
dziękuję, już sobie poradziłem:
prawidłowy kod, to:
<script> $('#from-country').on('change', function() { if (this.value == 'PL') { $('#from-land').css('display', 'inline'); } else { $('#from-land').css('display', 'none'); } }); </script>
@edit
to jeszcze mam jedno pytanie - jak zrobić jeden efekt dla kilku obiektów, kilku ID? Bo mam tak jak poniżej i nic nie idzie
<script> $('#from-country').on('change', function() { if (this.value == 'PL') { $('#from-land').show('500'); } else if (this.value == 'error') { alert('Musisz wybrać miejsce wyjazdu!'); } else { $('#from-land', '#from-powiat-D', '#from-powiat-C', '#from-powiat-L', '#from-powiat-F', '#from-powiat-E', '#from-powiat-K', '#from-powiat-W', '#from-powiat-O', '#from-powiat-R', '#from-powiat-B', '#from-powiat-G', '#from-powiat-S', '#from-powiat-T', '#from-powiat-C', '#from-powiat-P', '#from-powiat-Z').hide('500'); } }); </script>