Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]jQuery select multiple + append + remove
Forum PHP.pl > Forum > Przedszkole
casperii
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ć ?
SmokAnalog
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.
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.