我制作了一个网站，后台添加数据的时候，用了两个下拉列表框。
以下分别称为列1，列2。
列一是从数据库表中读出大类btype表中大类名bname,列2是从数据库中读出小类表stype中的小类名sname。小类对应所属的一个大类，如：stype中的硬件、软件对应btype中的计算机，stype中的DW，PS，FLASH，PHP，ASP对应btype中的网页设计，现在要求
我在添加文章的时候通过两个动态的下拉列表框（从数据库中读出类名）要把文章的大类，小类添加到文章article表中，article中有bname,sname与大类，小类名相对应。要求列表1（大类名）选择不同的时候，列表2（大类所对应的小类名）也随之改变。
比如，列表1选中计算机时，列表2只显示硬件、软件，列表1选中网页设计时，列表2只显示DW、PS、FLASH、PHP、ASP。而不是无论列表1选什么，列表2都全部显示（如硬件、软件、DW、PS、FLASH、PHP、ASP）
<select name="bname">
<option value="计算机">计算机</option>
<option value="网页设计">网页设计</option>
</select>

<select name="sname">
<option value="asp" selected>asp</option>
<option value="php">php</option>
<option value="ps">ps</option>
<option value="flash">flash</option>
<option value="dw">dw</option>
<option value="硬件">硬件</option>
<option value="软件">软件</option>
</select>