Multiple select dropdown - generisanje vrednosit u listu

Multiple select dropdown - generisanje vrednosit u listu

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15754
  • Gde živiš: Majur (Colosseum)

Imam ovaj multiple selection dropdown:

<select name="" id="tagselect" class="selectpicker"  multiple data-selected-text-format="count">        <option value="">Filter by tags</option>        <option value="">Accepts Credit Cards</option>         <option value="">Parking Street </option>         <option value="">Wireless Internet </option>        <option value="">Food</option> </select>

I imam ovaj div koji je po defaultu hidden, dok ne odaberem neku vrednost u gornjem dropdownu.

<ul class="tags">   <li></li>   <li></li>   <li></li> </ul>

Ono sto zelim je da ako u select dropdownu izaberem na pr Accepts Credit Cards - da mi se automatski izgenerise sledece :

<ul class="tags">   <li>Accepts Credit Cards</li>   <li></li> </ul>

Ili ako izaberem vise opcija u select dropdownu ( na pr Accepts Credit Cards, Parking Street, Food) - da mi se izgenerise

<ul class="tags">   <li>Accepts Credit Cards</li>   <li>Parking Street</li>   <li>Food</li> </ul>

Btw: resenje ne mora da bude iskljucivo jquery, moze i ajax, php...



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14087
  • Gde živiš: Niš

A pure JS? Evo nešto na brzinu:
var select = document.getElementById('tagselect'); var tags = document.getElementById('tags'); select.addEventListener('change', function() {   while (tags.firstChild)      tags.removeChild(tags.firstChild);       for (var i = 0; i < select.options.length; i++) {      var option = select.options[i];      if (option.selected) {         var element = document.createElement('li');         element.innerText = option.text;         tags.appendChild(element);      }   } });



offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15754
  • Gde živiš: Majur (Colosseum)

Ne radi i baca mi ovu gresku:

Citat:Uncaught TypeError: Cannot read property 'firstChild' of null

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14087
  • Gde živiš: Niš

A, pa da, treba da dodaš id="tags" na ul sa klasom "tags". Smile

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15754
  • Gde živiš: Majur (Colosseum)

Ladno nisam video Very Happy - hvala. Imam jos jedan slucaj Smile

<ul id="tags">   <li><a href="#"> <i class="close-tag" aria-hidden="true"></i></a></li>   <li><a href="#"> <i class="close-tag" aria-hidden="true"></i></a></li>   <li><a href="#"> <i class="close-tag" aria-hidden="true"></i></a></li> </ul>

Znaci sve isto s tim sto unutar li taga ima a href i ovaj "close-tag".

Pa bi trebao da generise tipa

<ul id="tags">   <li><a href="#">Accepts Credit Cards <i class="close-tag" aria-hidden="true"></i></a></li>   <li><a href="#">Parking Street <i class="close-tag" aria-hidden="true"></i></a></li>   <li><a href="#">Food <i class="close-tag" aria-hidden="true"></i></a></li> </ul>

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14087
  • Gde živiš: Niš

Evo: https://jsfiddle.net/yp2gwzo3/

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15754
  • Gde živiš: Majur (Colosseum)

Bravo majstore. Jos treca i poslednja stvar, obecavam Very Happy

Ne mogu da povezem da mi se klikom na #restaurant-listing #tags li a .close-tag "gasi" taj LI element i istovremeno deselektuje option (koji ga je generisao) iz #tagselect dropdown-a.

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3509
  • Gde živiš: 127.0.0.1

Mare, a sto lepo ne koristis chosen kao sva normalna deca?

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15754
  • Gde živiš: Majur (Colosseum)

@Rastafarii

Tnx, skroz sam zaboravio na njega. Jos po deafultu ima sve sto mi treba.

Ko je trenutno na forumu
 

Ukupno su 407 korisnika na forumu :: 8 registrovanih, 2 sakrivenih i 397 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 1567 - dana 15 Jul 2016 19:18

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: ApsolutniPocetnik, Belac91, bigfoot, dragoljub11987, micko981, milanstankovic087, oldtimer, Shufle