循环遍历表并在URL中发送值

时间:2015-02-23 15:47:20

标签: javascript html-table

我在第一列中有一个带有按钮的表,我希望用户能够按下该按钮,并且第二列中的值将作为URL的一部分发送。该表是使用RPG中的循环创建的。但是我不知道该如何解决这个问题。我试过把它选为ID并将整个事情作为按钮,这意味着我总是得到第一行第二列的值。这是HTML和Javascript:

<tr class="RowToClick">
  <td width="6%">
    <input name="button" type="button" style="width:100%" onClick="sendProdCod()" value="+">
   </td>                        
  <td width="12%" id="prodCod"><%= ProdCod%>
    <div align="right"></div>
  </td>
  <td width="15%" align="right"><%= %CHAR(SchedWeight)%>
    <div align="right"></div>
  </td>
  <td width="15%" align="right"><%= %CHAR(TotSchedWeight)%></td>
  <td width="13%" align="right"><%= %CHAR(Stkonha)%></td>
  <td width="13%" align="right"><%= %CHAR(STKAWINS)%></td>
  <td width="12%" align="right"><%= %CHAR(SchedProd)%></td>
  <td width="14%" align="right" bgcolor="#CCD5E3"><%= %CHAR(PROJSTK)%></td>               
</tr>

function sendProdCod(){
  var productCode = document.getElementById('ProdCod').value;
  url = 'http://brmappsvr:7018/Enquiries/CMENCH.rpgle?ProductCode=' + productCode;
  window.location.href = url;
}

2 个答案:

答案 0 :(得分:1)

您需要在

中将.value更改为.textContent
var productCode = document.getElementById('ProdCod').value;

value是用于输入的属性,而textContent用于从节点检索文本。由于prodCodtd - 元素。

为了让它更安全(不依赖于id),你可以这样做:

function sendProdCod(){
 var prodCodElement = this.parentElement.nextElementSibling;
 var productCode = prodCodElement.textContent;

url = 'http://brmappsvr:7018/Enquiries/CMENCH.rpgle?ProductCode=' + productCode;
window.location.href = url;

}

您需要提供onclick this关键字:onClick =“sendProdCod(this)”才能生效。

答案 1 :(得分:1)

就像我发表评论一样:

    <tr class="RowToClick">
                    <td width="6%">

                    <input name="button" type="button" style="width:100%" onClick="sendProdCod('<%= ProdCod%>')" value="+"></td>

                    <td width="12%"><%= ProdCod%>
                    <div align="right"></div></td>
                    <td width="15%" align="right"><%= %CHAR(SchedWeight)%>
                  <div align="right"></div></td>
                    <td width="15%" align="right"><%= %CHAR(TotSchedWeight)%></td>
                    <td width="13%" align="right"><%= %CHAR(Stkonha)%></td>
                    <td width="13%" align="right"><%= %CHAR(STKAWINS)%></td>
                    <td width="12%" align="right"><%= %CHAR(SchedProd)%></td>
                    <td width="14%" align="right" bgcolor="#CCD5E3"><%= %CHAR(PROJSTK)%></td>               
                </tr>





 function sendProdCod(productCode){

    url = 'http://brmappsvr:7018/Enquiries/CMENCH.rpgle?ProductCode=' + productCode;
    window.location.href = url;
}