[javascript] SelectedIndex neemt alleen ge-alerte waarde aan

[whitehouse]

[case]

Ik heb een invoerveld en daarnaast een dropdown menu.
Als er in het invoerveld de waarde 'INC' wordt ingevoerd, wordt er een extra text de code hiervoor is het volgende :

code:

function checkBestemming(value,id) {
if(value=='INC') {
    var NewOption = document.createElement("OPTION");
    NewOption.text = "INC";
    NewOption.value = "INC";
    
    var NewOption1 = document.createElement("OPTION");
    NewOption1.text = "INC";
    NewOption1.value = "INC";
    var count=0;
    for(i=0;i<document.getElementById('dis_form_actiecode').options.length;i=i+1) {
          if(document.getElementById('dis_form_actiecode').options[i].value=='INC') {
                count=count+1
          }
    }
    if(count==0) {
        document.getElementById('dis_actiecode').add(NewOption);
        document.getElementById('dis_form_actiecode').add(NewOption1);
    }

}

Dit werkt goed. Voer ik 'INC' in, wordt de waarde 'INC' ook als option toegevoegd in de dropdown. Tot nu toe geen problemen.

[doel]
nu wil ik als er INC wordt ingevoerd, de selectedIndex ook op de 'INC' komt te staan.

[probleem]
Nu is het rare geval, dat als ik de Index-waarde van "INC" uit de drowdown lees, en deze wil gebruiken in mijn selectedIndex=waarde, hij een foutmelding geeft :

Alleen ALS ik de waarde (newlength, regel 20) eerst alert, en dan gebruik dmv selectedIndex=waarde, dan gaat het wel goed.

[mogelijke oplossingen]
ik heb op vele sites gezocht naar dit probleem. k ben 1 persoon tegen gekomen die hetzelfde probleem had, maar hij heeft geen oplossing gevonden.

mijn code om de dropdown te setten op de INC :

code:

function controlKey(key) {
    for(i=0;i < arr.length;i=i+1) {
        if(document.getElementById('ActiveElement').value==arr[i]) {
        var selected_id = i;
        }
    }

    if(event.keyCode==13) {
        var bSetFocusOnElement = false;
        var i = selected_id; /* Deze moet je op het huidige element krijgen!! */
        while(i++ < arr.length && !bSetFocusOnElement ){
            if(i!=arr.length) {     
                if( !document.getElementById('dis_'+arr[i]).disabled){    
                        // check of INC is ingevuld
                        if((document.getElementById('dis_bestemming').value)=='INC') {
                            i=i+1;
                            var newlength= document.getElementById('dis_actiecode').options.length;
                            
                            newlength++;
                            
                            // doorloop alle options van actiecode
                            for(q=0;q<newlength;q=q+1) {
                                
                                document.getElementById('dis_actiecode').selectedIndex=q;
                                if(document.getElementById('dis_actiecode').options[q].value=='INC') {
                                    document.getElementById('dis_form_actiecode').selectedIndex=q;
                                }
                                    
                                
                        
                            }
                            
                            
                            
                        }
                        document.getElementById('dis_'+arr[i]).focus();
                        bSetFocusOnElement = true;
                }    
                
            }
            else {  
            document.getElementById('id').focus();  
            }
        }
    }
}

nu is mijn vraag : komt dit probleem bekend voor ?

[ Voor 15% gewijzigd door Pelle op 16-06-2005 16:38 . Reden: code tags ]

[André]

En als je het eens met een timeout probeert?

code:

setTimeout("document.getElementById('dis_form_actiecode').selectedIndex=q", 100);

[BtM909]

Begrijp ik nou goed dat je de toegevoegde waarde wilt selecteren?

[whitehouse]

De timeout heeft precies hetzelfde resultaat

BtM909 schreef op donderdag 16 juni 2005 @ 16:39:
Begrijp ik nou goed dat je de toegevoegde waarde wilt selecteren?

zowel de value als de tekst hebben de waarde "INC" ..

nu wil ik dus de index-waarde van INC zoeken uti de dropdown en deze dan selected maken (zodat de INC ook echt selected is)

[ Voor 80% gewijzigd door whitehouse op 16-06-2005 16:41 ]

[Amras]

Heb even wat zitten testen, zo werkt het in IE6 en FF bij mij:

JavaScript:

var NewOption = document.createElement("OPTION");
NewOption.text = "INC";
NewOption.value = "INC";
NewOption.selected = "selected";

[BtM909]

Waarom gebruik je dan niet gewoon

JavaScript:

eleObj.options[i].selected = true;
eleObj.value = eleObj.options[i].value;

Die laatste regel heb ik er ooit bijgezet, omdat ik een rare bug tegenkwam bij veel / snel dropdowns aanpassen

[ Voor 25% gewijzigd door BtM909 op 16-06-2005 16:47 ]

[André]

Kun je dan niet gewoon bij het aanmaken van die topic hem direct selected maken?

code:

a = document.createElement("option");
b = lijst.appendChild(a);
b.selected = true;

[whitehouse]

code:

NewOption.selected = "selected";

dit werkt wel !! bedankt!
toch ben ik benieuwd waarom mijn manier niet werkt(e).