not showing correct options in selectbox while creating it dynamically in opera

[ramchml]

i have two select boxes.based on the selected value in one select box it show the maximum options in the other select box in next page.i used javascript onclick function.for first time it shows correct options in the second select box if i go back and change the value in the 1st select box it shows me the previous value in the 2nd select box,the value not get changed.it is happening only in opera9 all the other browsers its working fine.it seems that only for first time the function clears all the options in the selectbox for second time it is not clearing the options it just reload it.

while (changedVal.options.length)
    {
        changedVal.remove(0);
        changedVal.options[0] = null;
    }
    for (var i=1; i<=maxiVal; i++) 
    {
        if(i==DefVal)
        {
            optionName = new Option(i+defaultText, i, false, true);
        }
        else
        {
        optionName = new Option(i, i, false, false);
        }
        changedVal.options[changedVal.length] = optionName;
    }

[gits]

hi ...

welcome to TSDN ...

i've moved your thread from the js articles-section to the forum for you ... please don't post questions to the articles sections ...

kind regards

[ramchml]

opera9.23
i have two select boxes based on the selected value in one select box it should display the maximum options in the other select box.
i used java script onClick for the first time it displays correct values again when i go back and change the value in the 1st selectbox the 2nd select box display previous values only.it works in all the browsers except opera.
my code is

function CalBasedMaxVal(selVal,changedVal,maxiVal,DefVal)
{
var CalBasedSelValue=selVal.selectedIndex+1;
var defaultText = '-['+lang_text_ary['default']+']';
var optionName;
while (changedVal.options.length)
{
changedVal.remove(0);
changedVal.options[0] = null;
}
for (var i=1; i<=maxiVal; i++) 
{
if(i==DefVal)
{
optionName = new Option(i+defaultText, i, false, true);
}
else
{
optionName = new Option(i, i, false, false);
}
changedVal.options[changedVal.length] = optionName;
}
}

[acoder]

Have a look at this tutorial.

Please use code tags when posting code:

[CODE=javascript]
JavaScript code here.
[/code]

[acoder]

Merged duplicate threads. Please do not double post.