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: 15766
  • 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: 14474
  • 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: 15766
  • 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: 14474
  • 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: 15766
  • 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: 14474
  • 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: 15766
  • 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: 3613
  • 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: 15766
  • 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 952 korisnika na forumu :: 49 registrovanih, 7 sakrivenih i 896 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3028 - dana 22 Nov 2019 07:47

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., Acaks88, aleph_one, Altay, amaterSRB, babaroga, bieffe, BraneS, Corleone, dankisha, darkstar101, Dimitrise93, Doca, doom83, Dorcolac, dozorni, dragon986, drpece, dule10savic, Duško2, Hektor, ikan, ivan1973, ivica976, KlinkaPalacinka, kobaja77, kybonacci, lacko2, leptirleptir, Libertas, Mcdado, mercedesamg, miodrag, MiroslavD, Nebo_M, ostoja2, Profica2, raykan, rovac, sakota79, Skywhaler, slonic_tonic, snik, stegonosa, vladetije, vlvl, Yellow Pinky2, zogi036, Zoran Rapajić