Auto Populate Combo Box upon Radio Selection

[Nitin Sinha]

I have four radio options and one combo box in my form.

Radio Option 1
Radio Option 10
Radio Option 20
Radio Option 30

What I want is that if i select Radio Option 1, then the combox box should get populated with values 1 through 9. Similarly if i select Radio Option 20, the combo box populates with values 10 through 19 and so on.

How can i achieve this in HTML using Javascript ? Please assist me with the code.

[Eric Pascarello]

Remove options from a select

  var sel = document.forms[0].elements["selectName"];
  sel.options.length = 0;

Add An Option

  var sel = document.forms[0].elements["selectName"];
  sel.options[sel.options.length] = new Option("text","value");

Read a value

  var sel = document.forms[0].elements["selectName"];
  var opt = sel.options[sel.selectedIndex];
  var val = opt.value;
  var txt = opt.text;

Hopefully you can figure out how to use onchange and a for loop to make it work.

Eric

[Nitin Sinha]

This is kind of tough to understand this way.. Can you give me some link of working example to explain the same

[Bear Bibeault]

HTML has no Combo Box control; please use proper terminology. Please read this for more information.