คือว่าผมอยากให้เพิ่ม listmenu มาอีก1อันอะครับทำอย่างไงดีอะครับ

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<table width="600px" border="0">
  <tr>
    <td width="26%">ประเภท</td>
    <td width="10%">สี</td>
    <td width="2%">&nbsp;</td>
     <td width="62%">&nbsp;</td>
  </tr>
  <tr>
    <td>หงอน</td>
    <td><select name="S1_1" id="S1_1">
      <option value="ดำ">ดำ</option>
      <option value="แดง">แดง</option>
      <option value="ขาว">ขาว</option>
    </select>
    </td>
    <td><div id="H1_2" style="display:none;">
    <select name="S1_2" id="S1_2">
      <option value="ดำ">ดำ</option>
      <option value="แดง">แดง</option>
      <option value="ขาว">ขาว</option>
    </select></div></td>
    <td>
    <a href="#" onclick="document.getElementById('H1_2').style.display = 'block';">+</a> 
    <a href="#" onclick="document.getElementById('H1_2').style.display = 'none';">-</a> 
  </tr>
  <tr>
    <td>ขา</td>
    <td><select name="S2_1" id="S2_1">
      <option value="ดำ">ดำ</option>
      <option value="แดง">แดง</option>
      <option value="ขาว">ขาว</option>
    </select></td>
    <td>
    <div id="H2_2" style="display:none;">
    <select name="S2_2" id="S2_2">
      <option value="ดำ">ดำ</option>
      <option value="แดง">แดง</option>
      <option value="ขาว">ขาว</option>
    </select>
    </div>
    </td>
    <td>
    <a href="#" onclick="document.getElementById('H2_2').style.display = 'block';">+</a> 
    <a href="#" onclick="document.getElementById('H2_2').style.display = 'none';">-</a> 
    </td>
  </tr>
</table>