求助，列表菜单转换成分类多选菜单

webser

<select name="bigname" id="bigname" datatype="select" errormsg="请选择产品！">
                <option value="">-请选择-</option>
        <{foreach from=$group item=two}>
                <option value="<{$two.id}>"><{$two.gname}></option>
                <{/foreach}>
        </select>
          <span id="quote">
          <select name="smallname" id="smallname">
            <option value="99">-请选择-</option>
          </select>


这是原文件，下拉菜单列表包括大类名称和具体产品，

我想换成这个模式的,所有的分类和产品都对应展示出来了，我只需要选择即可（可多选）：

  分类名一   【】产品一   【】产品二   【】产品三   

  分类名二   【】产品5   【】产品6   【】产品7   【】产品8   【】产品9

  分类名三   【】产品A   【】产品B   【】产品C   【】产品D   


谢谢各位指点