Hi i have the a drop down list that depending on the user selection display the list of results
for example if (select color) display (red, blue, pink)
if select car display(ford,bentley,ferrari) and so on
but now i am trying to put the result in a table each element to their own or column.
this my code can easy be run on w3school site
can someone help me please
thanks in advance

Code:
<HTML>
<HEAD>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
function setup(ans) {
  lit = ''
  if (ans == 'color') {

    lit = lit + '<br/>blue<br/>'
    lit = lit + '<br/>red<br/>'
    lit = lit + '<br/>green<br/>'
    lit = lit + '<br/>pink<br/>'
    lit = lit + '<br/>yellow<br/>'
  }
  if (ans == 'number') {
    lit = lit + '<br/>one<br/>'
    lit = lit + '<br/>two<br/>'
    lit = lit + '<br/>three<br/>'
    lit = lit + '<br/>four<br/>'
    lit = lit + '<br/>five<br/>'

  }


 if (ans == 'car') {
    lit = lit + '<br/>ferrari<br/>'  
    lit = lit + '<br/>bentley<br/>'
    lit = lit + '<br/>ford<br/>'
    lit = lit + '<br/>mustang<br/>'

  }
  document.getElementById('rep').innerHTML=lit
}
</SCRIPT>
</HEAD>
<BODY>

<FORM ACTION="#" NAME="quest">
<SELECT NAME="q1" ONCHANGE="setup(document.quest.q1.value)">
<OPTION VALUE="">- Please select -</OPTION>
<OPTION VALUE="color">Color</OPTION>
<OPTION VALUE="number">Number</OPTION>
<OPTION VALUE="cars">Cars</OPTION>
</SELECT>

<SPAN ID="rep"></SPAN>

</FORM>

</BODY>
</HTML>