If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

How to populate a table based on a selection from a drop down menu

I'm absolutely useless with JavaScript, but I need this table to work with it.

I'm trying to create a table that will populate a row of cells based upon a selection from a drop down menu. The drop down menu sits at the top of the third and final column in my table and should populate the cells directly below it. Each selection from the drop down menu has to populate 23 cells.

Finally the page is written in HTML5 with an external CSS3 stylesheet and it will have an external JavaScript file to make the whole thing work.

If anyone can tell me how to do it, even if it's just the basic workings of the code, it would be appreciated.

Where does the information come from to populate the final column?
Does it replace the current (and blank) entries of the display?
Will there be 5 groups of 23 values that you have yet to provide?
What do you expect the CSS to look like?

So many questions with so little time to code without complete information!

Thanks JMRKER you got the right idea, table to be populated from data in the JavaScript and replacing the current data.

I didn't include the CSS because it controls more than just the table and is very large (at the moment), also I have no trouble building the CSS, I just wanted to keep my example to a minimum for you, talking of keeping things to a minimum there will be a total of 48 groups with 23 values.

Your attempt at providing an answer is excellent, and I'm not sure if there is a better way, the JavaScript is great but would it be better to call the data from an external source like an XML file? I'm just thinking here of improving the load time.