Home > JavaScript > jqTransform izmena opcija select taga

jqTransform izmena opcija select taga

jqTransform je dodatak (plugin) za jQuery koji omogućava da dodatno stilizujete vaše forme. Ukoliko su u pitanju statične forme sve funkcioniše kako treba, možete čak implementirati dodatke za validaciju i sl. Ukoliko je potrebno da promenite sadržaj neke od lista select taga, dolazi do problema. Promenom liste se ne vrši njeno automatsko prikazivanje i u njenoj vizuelno promenjenom izgledu. Razlog je taj što se promenili listu, ali je ona sakrivena i potrebno je nekako saopštiti jqTransform dodatku da želite da je osvežite.

U tu svrhu koristite funkciju jqTransSelect(), ali pre toga je potrebno iskomentarisati jednu liniju dodatka. U okviru dodatka pronađite i iskomentarišite liniju

if($select.hasClass('jqTransformHidden')) {return;}

A potom u okviru neke od javascript funkcija osvežite listu na sledeći način

$('#selectID').jqTransSelect(); // gde je selectID ID select taga

Evo malo detaljnijeg primera kako bi sve to moglo da se uradi, zajedno sa promenom liste.

<script language="javascript">
function setPersons()
{
  var persons = $('#personen').val();
  var data = $('#sessie').val();
  data = data.split('-');
  var selectList = "<option value=''>Select element</option>";
  for (var i =1; i <= 5; i++)
    selectList += "<option value='" + i + "'>" + i + "</option>";
  $('#selectID').html(selectList).jqTransSelect();
}
  1. Zika Zivanovic
    mart 28th, 2013 at 10:29 | #1

    Vrh resenje 🙂 Hvala ti na spasenju.

  1. No trackbacks yet.