jsp页面的循环内，调用js函数，js函数只能得到第一个循环内的数据

Question

<c:forEach items="${zhiweilist}" var="bean">
            <tr>
                <td><a href="####" onclick="zhiweishow(${bean.id })">${bean.zhiweileibie.name }</a></td>
                <span id="leibie" style="display:none;">${bean.zhiweileibie.name }</span>
                <td>${bean.zhiweimingchen }</td>
                <span id="mingcheng" style="display:none;">${bean.zhiweimingchen }</span>
                <td>${bean.yuexin }</td>
                 <span id="yuexin" style="display:none;">${bean.yuexin }</span>
                 <td><a href="####" onclick="zhiweishow(${bean.id })">查看详情</a></td>
                  <td><a href="method!toutijianli?id=${bean.id }" >投递简历</a></td>
                  <script type="text/javascript">
                      var leibie = document.getElementById('leibie').innerHTML;
                      var mingcheng = document.getElementById('mingcheng').innerHTML;
                      var yuexin = Number( document.getElementById('yuexin').innerHTML);
                      var type=leibie+mingcheng;
                      window.name_list.push(type);
                      window.price_list.push(yuexin);
                </script>
             </tr>
        </c:forEach>        

代码如图，我希望js函数保存每次循环得到的信息，，但实际上name_list和price_list内部保存了四个（因为输入数据是四个）完全一致的数据，请问应该如何解决这个问题，从而取得我想要的结果呢？

浏览器输出如图，通过echarts得到的是一条直线，检查元素，其值也只有一个。

Answer 1

恕我直言，这么做很瓜皮~，你知道了数据，直接一个script标签里面写好不就可以啦

Answer 2

用js从后端读数据报500错误，用来一个比较粗暴的做法，从页面的表格读数据