Javascript 要在上一个选定选项上填充两个下拉框

我正在处理一个非常旧的编码项目，但它在所选选项上运行得非常完美。编码者填充一个隐藏的下拉列表，它是动态的，如下所示

            <td class="hidden isagentname"><strong>
              <select name="agentnamee">
                <option value="">Please AgentName</option>
                  <?php $i = 0; while($i < $buyerCodeNum){ ?>
                <option value="<?php echo 
                  mysql_result($buyerCode,$i,"name"); ?>"><?php echo 
                  mysql_result($buyerCode,$i,"name"); ?>
                </option>
                  <?php $i++;}?>
              </select>
              <a href="#" class="remove" rel="agentname">remove</a>
              </strong>
            </td>

请提供代理名称


$（文档）.ready（函数（）{
$（'#agentName'）.hide（）；
$（'#agentID'）.hide（）；
$（“#目的”）。关于（'change'，function（）{
如果（此值>0）
{   
$（'#agentName'）.show（）；
}
其他的
{
$（“#代理名称”）.hide（）；
}
});
$（“#代理名称”）。在（'click'，function（）上{
如果（此值>0）
{  
$（'#agentID'）.show（）；
}
其他的
{
$（“#agentID”）.hide（）；
}
});
});
个人用途
商业用途
传递给客户
企业名称
请提供代理名称
zzz
xxx
yyy
请联系我
1xxx
2xxx
3yyy


$（文档）.ready（函数（）{
$（'#agentName'）.hide（）；
$（'#agentID'）.hide（）；
$（“#目的”）。关于（'change'，function（）{
如果（此值>0）
{   
$（'#agentName'）.show（）；
}
其他的
{
$（“#代理名称”）.hide（）；
}
});
$（“#代理名称”）。在（'click'，function（）上{
如果（此值>0）
{  
$（'#agentID'）.show（）；
}
其他的
{
$（“#agentID”）.hide（）；
}
});
});
个人用途
商业用途
传递给客户
企业名称
请提供代理名称
zzz
xxx
yyy
请联系我
1xxx
2xxx
3yyy

using two <td> under one select tag