Webmaster Forum / HTML, CSS, Scripts / JavaScript / December 2006

Eric Layman wrote on 31 dec 2006 in comp.lang.javascript:

"A combo box is a user interface control GUI element. It is a combination
of a drop-down list or list box and a single-line textbox, allowing the
user to either: 1) type a value directly into the control; or 2) choose
from the list of existing options."
<http://en.wikipedia.org/wiki/Combo_box>

That does not exist in HTML, but probably you mean a drop-down list.

Well, show your code sofar.

It seems you want us to do the javascript coding?
Perhaps you better hire a professional programmer?

Better start programming yourself, this will educate nxt to the getting
of the desired result.

Some help perhaps:

You could start leaving the idea of the arrays and
just build 3 different drop-down lists, of which only one is displayed at
a time, the other two are CSS-display:none;-ed by the radio button
settings.

This will prevent the need of complex DOM child adding and removing.

 var cars = new Array('Audi','BMW','Ford','Opel','Toyota');
 var days = new Array('Monday','Wednesday','Friday');
 var jobs = new Array('engineer','salesman');

 document.write('<form>'
 +'<input type="radio" name="r" value="r1" onClick="p1(cars)">cars'
 +'<input type="radio" name="r" value="r2" onClick="p1(days)">days'
 +'<input type="radio" name="r" value="r3" onClick="p1(jobs)">jobs'
 +'<hr><select size="1" name="combo1" style="width:150px">'
 +'<option value="">choose radio</option>'
 +'</select>'+'</form>');

 var co = document.forms[0].combo1;

 function p1(nC)  {
   while (co.options.length)  co.options[0] = null;
   for (var i = 0; i < nC.length; i++)
     co.options[co.length] = new Option(nC[i], nC[i]);
 }
 
Hope this helps,