js赋值问题

Question

从后台传递过来一个List<purchasePname>,然后前台遍历其中一条信息(id)，如何通过选择显示的这个字段，然后对应字段也对应被赋值呢？下面的代码，我想通过选择产品id，然后产品规格和产品名称就赋值到<td>里面

                <tr height="40">

                    <td align="right" width="200">产品id：</td>

                         <td align="center">

                             <select class="form-control" style="height:30px">

                                 <option>-----------请选择------------</option>

                                 <c:forEach items="${purchasePname}" var="purchasePname">

                                 <option>${ purchasePname.id}</option>

                                 </c:forEach>

                             </select>

                         </td>

                </tr>

                                    <tr height="40">

                    <td align="right" width="200">产品规格：</td>  <td align="center"></td>

                    <td align="right" width="200">产品名称：</td> <td align="center"></td>

                </tr>