Gdje je greska - Kontrolisanje listboxa

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Naime naisao sam na ovu stranicu dok sam trazio nacin na dodavanje i uklanjanje opcija kod listboxa

http://timstall.dotnetdevelopersjournal.com/adding.....istbox.htm

I dok u komentarima kazu da radi meni nece pa nece, da li neko moze da nadje gresku neku ili da li zna bolji nacin ?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Umjesto linije
objListBox.add(newOpt);
stavi
try{objListBox.add(newOpt, null);}catch(e){objListBox.add(newOpt);}

i umjesto linije
objListBox.remove(intIndex);
stavi
try{objListBox.remove(intIndex, null);}catch(e){objListBox.remove(intIndex);}

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Sada dodavanje radi, ali brisanje ne :-\

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ne radi ti zato sto dodas vise OPTION elemenata sa istim ID-em, inace mnogo je glup nacin

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

I ja sam juce imao slican problem, s' tim sto opcije za selectbox izvlacim iz baze, pa sam morao preko AJAXa da uradim to... evo koda koji radi:

function ClearSelect(id2clear,id2show) {    endSelect = document.getElementById(id2clear);    while (endSelect.options.length > 0) {        endSelect.options[0] = null;    }    PopulateSelect(id2clear,id2show); } function PopulateSelect(id2pop,id2show) {    var xmlHttp;    try {         // Firefox, Opera 8.0+, Safari         xmlHttp=new XMLHttpRequest();      }    catch (e) {         // Internet Explorer         try {           xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");        }         catch (e) {           try {                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");             }           catch (e) {                alert("Your browser does not support AJAX!");                return false;             }        }      }      xmlHttp.onreadystatechange=function() {       if(xmlHttp.readyState==4) {            endSelect = document.getElementById(id2pop);            var xmlDoc = xmlHttp.responseXML.documentElement.getElementsByTagName("object2show");            for (i=0;i<xmlDoc.length;i++) {                 var sID = xmlDoc[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;                 var sNM = xmlDoc[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;                 endSelect.options[i] = new Option(sNM, sID);             }         }    }    var url2get = "ajax-upit.php?id=" + id2show;    xmlHttp.open("GET",url2get,true);    xmlHttp.send(null); }

a XML koji mi vraca ajax-upit.php izgleda ovako:

<?xml version='1.0' encoding='ISO-8859-1'?> <objects>    <object2show>       <id>0</id>       <name>Default opcija</name>    </object2show>    <object2show>       <id>1</id>       <name>Prva opcija iz baze</name>    </object2show>    <object2show>       <id>2</id>       <name>Druga opcija iz baze</name>    </object2show> </objects>

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

igor86 ::Ne radi ti zato sto dodas vise OPTION elemenata sa istim ID-em, inace mnogo je glup nacin

Ne radi nikako znaci bez dupliranja id-a, moze li barem uputa ka pravom nacinu posto sam duduk kad se radi o javascriptu

@Rastafarii, ne vidim kako to meni pomaze ??

Cilj ovoga je da klijentu omogucim dodavanje necega, tj. ne vadjenje iz baze nego po njegovom izboru

Dopuna: 10 Feb 2009 15:17

Malo sam se vise potrudio i nisam nasao nacin ali sam ga sam osmislio

        <script language="javascript">       function Add()       {       var dodaj = prompt("Unesite sta zelite da dodate", "")         dodajOpciju(dodaj,dodaj);       }              function dodajOpciju(Text,Value)         {              var opt = document.createElement("option");         document.getElementById("Select1").options.add(opt);         opt.text = Text;         opt.value = Value;                   }         function ukloniOpciju(selectbox)         {         var i;         for(i=selectbox.options.length-1;i>=0;i--)         {         if(selectbox.options[i].selected)         selectbox.remove(i);         }         }         </script>