[FireFox - Javascript] CreateElement voor een listbox?

[Lifelogger]

Ik heb de volgende code in een documtent genaamd index.asp:

code:

<script language="JavaScript" type="text/javascript"> 
   function vulSubgroepSelect() 
   { 
      //alert(document.Dropdowns.productgroep.value) 
      //document.all.GetData.src='clusterinfo-1.asp?hoofdGroepID='+document.Dropdowns.productgroep[document.Dropdowns.productgroep.selectedIndex].value;                            
      obj = document.getElementById("GetData") 
      obj.src = 'clusterinfo-1.asp?hoofdGroepID='+document.Dropdowns.productgroep[document.Dropdowns.productgroep.selectedIndex].value; 
   }    
</script> 

   <iframe id="GetData" frameborder="0" style="border:0px;width:500px;height:500px;"></iframe> 

   <form method="post" name="Dropdowns"> 
      <input type="hidden" name="UsersessionID" value="<%=UsersessionID%>"> 
      <select name="productgroep" class="pulldown" onChange="vulSubgroepSelect();"> 
         <option value="0">---Selecteer Productgroep</option> 
      <% 
         Dim rsProductgroepen 
         Set rsProductgroepen = Lib.DbRecordset("SELECT DISTINCT ArtikelhoofdgroepID, HoofdgroepNaam FROM qryWEB_Artikelen Order BY HoofdgroepNaam") 
          
         While not rsProductgroepen.eof 
      %>    
         <option value="<%=rsProductgroepen("ArtikelHoofdgroepID")%>" <% 
            if rsProductgroepen("ArtikelHoofdgroepID")=iDD_ArtikelHoofdgroepID then response.write " selected "%>> 
            <%=rsProductgroepen("HoofdgroepNaam")%> 
         </option> 
      <%    
         rsProductgroepen.movenext 
         Wend 
          
         rsProductgroepen.close 
         set rsProductgroepen = nothing 
      %> 
      </select><br> 
                         
      <select name="subgroep" id="subgroep" class="pulldown" onChange="vulSubSubGroepSelect();"> 
      <% 
         if iDD_ArtikelID <> 0 then 
      %> 
            <option value="0">---Selecteer Subgroep</option> 
         <% 
            'LET OP! 
            'ALLEEN DE SUBGROEPEN MOGEN GELADEN WORDEN DIE GERELATEERD ZIJN AAN HET HOOFDGROEP. 
            'DAAROM ALLEEN WHERE ArtikelhoofdgroepID = iDD_ArtikelHoofdgroepID 
            Dim rsSubgroepen 
            Set rsSubgroepen = Lib.DbRecordset("SELECT DISTINCT ArtikelSubGroepID, SubGroepNaam FROM qryWEB_Artikelen WHERE ArtikelhoofdgroepID=" & iDD_ArtikelHoofdgroepID  & " Order BY subgroepNaam") 
             
            While not rsSubgroepen.eof 
         %>    
            <option value="<%=rsSubgroepen("ArtikelSubgroepID")%>" 
         <% 
            if rsSubgroepen("ArtikelSubgroepID")=iDD_ArtikelSubgroepID then response.write " selected "%>> 
               <%=rsSubgroepen("subgroepNaam")%> 
            </option> 
         <%    
            rsSubgroepen.movenext 
            Wend 
             
            rsSubgroepen.close 
            set rsSubgroepen = nothing 
         end if 
      %> 
      </select><br>

In cluster-1.asp staat het volgende:

code:

<script language="JavaScript" type="text/javascript"> 

<% if request("hoofdGroepID")&""<>"" then 'subgroep vullen' %> 
          
         //SELECTEER HET PULLDOWN LIST DAT GEVULD MOET GAAN WORDEN 
            var selectSubGroep = parent.document.getElementById("subgroep"); 
          
            selectSubGroep.options.length=0;    //MAAK DE LIST SUBGROEP LEEG 

            var oSubGroep; 
               oSubGroep = parent.document.createElement("OPTION"); 
            selectSubGroep.options.add(oSubGroep); 
                 oSubGroep.innerText = "Selecteer subgroep"; 

            <% 

            Dim rsSubgroepen    
            Set rsSubgroepen=Lib.DbRecordSet("SELECT DISTINCT ArtikelSubgroepID, subGroepNaam FROM qryWEB_Artikelen WHERE ArtikelHoofdgroepID=" & request("hoofdGroepID") & " ORDER BY SubgroepNaam") 
    
            While not rsSubgroepen.Eof %> 
               oSubGroep = document.createElement("OPTION"); 
               selectSubGroep.options.add(oSubGroep); 
               oSubGroep.innerText = "<%=rsSubgroepen("SubGroepNaam")%>"; 
               oSubGroep.value = "<%=rsSubgroepen("ArtikelSubgroepID")%>"; 
            <%        rsSubgroepen.movenext 
               Wend 

            rsSubgroepen.close 
            set rsSubgroepen=nothing 

  end if%> 

</script>

Om even uit te leggen wat er gebeurt. Als ik de eerste listbox ingelezen is vanuit de database, kan ik natuurlijk kiezen. Zodra ik iets kies, wordt het javascript: vulSubgroepSelect() aangeroepen.

vulSubgroepSelect() stuurt vervolgens een pagina met wat parameters naar het iframe GetData.

In het iframe Get data worden vervolgens records uit een database uitgelezen. De records die uitgelezen worden moeten terug gestopt worden in de tweede listbox.

In Internet Explorer werkt dit prima. Alleen in Firefox is het resultaat dat ik de inhoud van de tweede listbox niet te zien krijg. Ik kan wel zien dat hij er records in geladen heeft, aangezien het aantal velden dat ik zie, die leeg zijn, veranderen. Ook als ik de source van het iframe bekijk zie ik dat de select is opgebouwd met value's en innerText.

Het probleem is dus dat hij wel wat laad, maar ik uiteindelijk in de listbox niets te zien krijg. In IE wel...

Weet iemand wat er verkeerd gaat hier en wat ik kan doen, zodat ik in FireFox wel gewoon te zien krijg wat er in de tweede list staat?

[RM-rf]

ik zou gewoon het meer traditionele document.forms-model gebruiken, dat bood allang dezelfde mogelijkheden voor formulier-velden:

code:

var oSubGroep = new Option( "text", "value" )

de fout ligt echter in de 'innerText' propertie, die kent het DOM niet en is msie-proprietair

_{overigens kan het handig zijn als code voorbeeld gewoon de gegenereerde code hier te plaatsen, en ASP-scripting weg te laten, dat wekt veel verwarring op (VB en javascript door elkaar, ziet er niet geheel 'lekker' uit)}

[ Voor 11% gewijzigd door RM-rf op 30-11-2004 13:38 ]

[NMe]

Firefox heeft een Javascript console. Geeft die geen foutmelding?

[Creepy]

Hoi Lifelogger,

Zoals je in de P&W faq had kunnen lezen hoort Javascript niet hier, maar bij de buren in Webdesign & Graphics

Daarnaast paste je een behoorlijke lap code wat je post onnodig onleesbaar maakt. Daarnaast mis ik in je post ook nog de informatie over wat je zelf nog hebt geprobeerd om je probleem op te lossen.

Vandaar dat ik je topic sluit. Mocht je een nieuwe topic openen dan dus niet hier maar in Webdesign & Graphics en probeer alleen de echt relevante code erbij te posten.