Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP]Automatyczne pokazanie się dodatkowego select option
Olsz4k
post 12.08.2015, 22:26:31
Post #1





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 26.07.2013
Skąd: Kraków

Ostrzeżenie: (0%)
-----


  1.  
  2. <div class="etykieta">
  3.  
  4. <label>Wybierz danie</label>
  5.  
  6. </div>
  7.  
  8. <div class="pole">
  9.  
  10. <select name="danie">
  11.  
  12. <option value="0"> -- Wybierz danie -- </option>
  13. <option value="1"> Danie 1 </option>
  14. <option value="2"> Danie 2 </option>
  15. <option value="3"> Danie 3 </option>
  16.  
  17. </select>
  18. </div>
  19.  
  20.  


Mam takie coś, teraz chciałbym, aby po wybraniu któregoś dania, pojawiła się pod spodem taka sama opcja, z możliwością wyboru kolejnych tych samych dań i tak w kółko, dopóki nie wybiorę dania. Jakaś pętla na to, czy jak to rozwiązać?
Go to the top of the page
+Quote Post
Skie
post 12.08.2015, 22:32:26
Post #2





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

Ostrzeżenie: (0%)
-----


1. Dodaj handler zdarzenia oninput (onchange?) na każdy element <select>
2. Niech handler pętlą przeleci po wszystkich istniejących elementach <select> w danym scopie
2.1. Niech usunie wszystkie select, których wartość została zmieniona na default
2.2. Niech na koniec listy doda za pomocą document.createElement nowy select z value=default

Ten post edytował Skie 12.08.2015, 22:32:59


--------------------
Wieloprocesowość i wielowątkowość w PHP, poznaj Kraken PHP!
Serwer HTTP i WebSocket w PHP | Promise/A+
Strona Domowa | Elradia MMORPG
FireFox: make the web better.
Go to the top of the page
+Quote Post
Comandeer
post 12.08.2015, 22:43:33
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


change - select nie działa z input, bo tutaj wartości się nie wybiera, można jedynie zmienić aktualnie wybraną ze skończonego zbioru.

Swego czasu popełniłem to: http://jsfiddle.net/6amf8w2x/2/ → być może choć ciut podpowie cokolwiek wink.gif


--------------------
Go to the top of the page
+Quote Post
Olsz4k
post 13.08.2015, 13:36:49
Post #4





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 26.07.2013
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Średnio wiem jak to wykorzystać. Chciałbym nadmienić, że mam kilka takich pól select option, a chciałbym aby tylko jedno się powtarzało. Jakieś inne wskazówki/pomysły?
Go to the top of the page
+Quote Post
Comandeer
post 13.08.2015, 13:41:37
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


elem.cloneNode?


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 05:52