Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] combobox i JS
Forum PHP.pl > Forum > Po stronie przeglądarki
shpaque
Witam serdecznie,
mam taki wycinek:

  1. <select name="from-country" size="1" id="from-country" onchange="from-land.style.display=this.options[this.selectedIndex].PL;return false;" tabindex="1">
  2. <option value="error">*Miejsce wyjazdu...</option>
  3. <option value="PL">Polska</option>
  4. <option value="DE">Niemcy</option>
  5. <option value="BE">Belgia</option>
  6. <option value="NL">Holandia</option>
  7. <option value="CH">Szwajcaria</option>
  8. <option value="DK">Dania</option>
  9. </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ć?

  1. <select name="from-country" size="1" id="from-country" style="position:absolute;" tabindex="1">
  2. <option value="error">*Miejsce wyjazdu...</option>
  3. <option value="PL">Polska</option>
  4. <option value="DE">Niemcy</option>
  5. <option value="BE">Belgia</option>
  6. <option value="NL">Holandia</option>
  7. <option value="CH">Szwajcaria</option>
  8. <option value="DK">Dania</option>
  9. </select><script>
  10. $('#from-country').value(function()
  11. {
  12. if ($('#from-country').value('PL'))
  13. {
  14. $('#from-land').css('display', 'inline');
  15. }
  16. else
  17. {
  18. $('#from-land').css('display', 'none');
  19. }
  20. });
  21. </script>


tylko to tez nie działa

http://jsfiddle.net/Wf3g2/303/

dziękuję, już sobie poradziłem:

prawidłowy kod, to:

  1. <script>
  2. $('#from-country').on('change', function()
  3. {
  4. if (this.value == 'PL')
  5. {
  6. $('#from-land').css('display', 'inline');
  7. }
  8. else
  9. {
  10. $('#from-land').css('display', 'none');
  11. }
  12. });
  13. </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
  1. <script>
  2. $('#from-country').on('change', function()
  3. {
  4. if (this.value == 'PL')
  5. {
  6. $('#from-land').show('500');
  7. }
  8. else if (this.value == 'error')
  9. {
  10. alert('Musisz wybrać miejsce wyjazdu!');
  11. }
  12. else
  13. {
  14. $('#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');
  15. }
  16. });
  17. </script>
markuz
Zamiast $('#from-land', '#from-powiat-D', .. Zrób $('#from-land, #from-powiat-D, ...').hide('500'); A jeszcze lepiej gdybyś nadał im klasę np. hide i wtedy $('.hide').hide(500);
shpaque
dzięki ogromne - super
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.