Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Akcje wykonywane po wybraniu opcji w <SELECT>
castagir
post
Post #1





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----


Witam

Nie mogę znaleźć w internecie, a sam całkowicie nie mam głowy jak powinienem napisać skrypt JS aby wykrywał opcję wybraną w <SELECT>.
Dodam, że używam biblioteki JQuery.

  1. <select class="listaMozliwosci">
  2. <option value="opcja1">Wyswietl obrazki</option>
  3. <option value="opcja2">Wyswietl tekst</option>
  4. <option value="opcja3">Weź kredyt 200%</option>


Chodzi o coś takiego, że po wybraniu którejś z opcji, zostaje uruchomiona funkcja, która najpierw za pomocą testu "if(...)", sprawdza jaka opcja została wykonana a później np w odpowiednim DIV'ie umieszcza jakąś treść, lub ją wyłącza itp.

Z góry dziękuję.

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
castagir
post
Post #2





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----


Wciąż nic.

Mam coś takiego:
  1. <div id="oknaDynamiczne">
  2. <div class="oknoC"> // Począwszy od tego znacznika aż po ostatni najgłębiej zagnieżdżony, jest dodawany za pomocą AJAXa.
  3. <div class="budynekAdministracyjny">
  4. <input type="hidden" value2="Miasteczko" value="SSI7" name="aktualnaInstancja">
  5. <input type="hidden" value2="0" value="0:LU01DS1" name="IDinfrastruktury">
  6. <h3>Dom Starszyzny</h3>
  7. <div class="menuBudynku">
  8. <div class="podglad">
  9. <div class="menuAdministracja">
  10. <div class="podgladAdministracja">
  11. <h3>Finanse i zasoby Miasteczko</h3>
  12. <h4 style="text-align:center;">Projekt nowej iwnestycji:</h4>
  13. <table style="margin:auto auto 20px;">
  14. <tr>
  15. <tr>
  16. <tr>
  17. <td>Rodzaj inwestycji:</td>
  18. <td>
  19. <select style="width:297px;">
  20. <option value="wybierzInwestycje">Wybierz rodzaj inwestycji</option>
  21. <option value="INW01infr">Infrastruktura</option>
  22. </td>
  23. </tr>
  24. <div class="rozwiniecieInwestycji"></div>
  25. <table style="width:580px;margin:auto;">
  26. <table style="width:580px;margin:auto;">
  27. <table style="width:600px;border:1px solid black;text-align:center;margin:auto auto 30px;">
  28. <table style="width:600px;border:1px solid black;text-align:center;margin:auto auto 30px;">
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>



Problem jest w tym, że zwykłe change nie działa, gdy cały select znajduje się od początku na stronie, lecz moja strona jest uzupełniana dynamicznie za pomocą AJAXa.
Próbowałem także z kombinacją:
  1. $('#oknaDynamiczne').on('change', '.rodzajInwestycji', function(){


Nie mam pojęcia co robić. Chyba rzucę to w **** i wyjadę w Bieszczady.

Ten post edytował castagir 25.07.2015, 16:03:48
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 22:49