<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函數(shù)保存每次循環(huán)得到的信息，，但實際上name_list和price_list內部保存了四個（因為輸入數(shù)據(jù)是四個）完全一致的數(shù)據(jù)，請問應該如何解決這個問題，從而取得我想要的結果呢？

瀏覽器輸出如圖，通過echarts得到的是一條直線，檢查元素，其值也只有一個。