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.
online
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14187
  • 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

online
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14187
  • 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>

online
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14187
  • 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: 3540
  • 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 684 korisnika na forumu :: 50 registrovanih, 7 sakrivenih i 627 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: 8u47, _commandos_, _Sale, AMCXXL, aramis s, Arhiv, bojank, cikadeda, Dorcolac, Dragan Mačak Damljanović, drdoca, Drug pukovnik, dude111, Duh sa sekirom, Filodendron, frenki1986, Futurama, Gama, Gargantua2, hyla, ibssa, ilpadrino991, krkalon, Kubovac, Lieutenant, ltcolonel, lukac, Marko Marković, milanstankovic087, Miskohd, MORAVA1, nenad812, pavlo2, pein, RADOVAN.S, Revolucion, shone34, slonic_tonic, snop, Sr.Stat., Srki94, stokanovicm, vasa.93, vathra, versus, Vik, vladetije, vlvl, voja64, vojnik švejk