Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]jQuery select multiple + append + remove, dodawanie / usuwanie div w zależności od ilości selecta.
casperii
post 26.06.2019, 23:03:54
Post #1





Grupa: Zarejestrowani
Postów: 680
Pomógł: 28
Dołączył: 14.08.2014

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


Panowie mam kod:

  1. $(function(){
  2. $("select[multiple]").click(function(){
  3. });
  4. });
  5.  
  6. $(document).ready(function () {
  7. $("select[multiple]").each(function () {
  8. $(this).change(updateCount);
  9. });
  10.  
  11. updateCount();
  12.  
  13. function updateCount () {
  14. if ($(this).find("option:selected").val() == "1") {
  15. $("#container").append('<div id="table1">1:</div>');
  16.  
  17. }else{
  18. $("#table1").remove();
  19. }
  20. };
  21. });


Chciałbym żeby każde zaznaczenie wyboru z selecta dodawało mi w kontenerze div table
Odznaczenie tego wyboru z selecta multiple usunięcie tego div table z kontenera.
Na chwilę obecną to wygląda tak , że jak wybiorę z select multiple wartość == 1 to mi doda, ale jeśli wybiorę kolejną wartość (poprzez ctrl) to mi już klonuje tego diva.
Aha warunki muszę sprawdzać poprzez ==1 , == 2 , == 3 - ponieważ te divy będą się różnić.
Czy ktoś ma pomysł jak to wykonać ?
Go to the top of the page
+Quote Post
SmokAnalog
post 26.06.2019, 23:53:35
Post #2





Grupa: Zarejestrowani
Postów: 1 707
Pomógł: 266
Dołączył: 3.07.2012
Skąd: Poznań

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


Ja bym się za to zabrał tak:

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function () {
  2. function updateCount() {
  3. $("#container").empty().append($("select[multiple]").val().map(value => $("<div></div>").text(value + ":")));
  4. }
  5.  
  6. updateCount();
  7.  
  8. $("select[multiple]").change(updateCount);
  9. });
[JAVASCRIPT] pobierz, plaintext


Zamiast na siłę szukać zmienionych elementów, to za każdym razem wkładałbym je od nowa.
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: 28.03.2024 - 12:39