javascript表格行單元格選擇下拉值

Question

我有一個包含3行的表，我想獲取每行的選定下拉值。 JSP代碼：

<tr>
        <td style="padding:0px;margin:0px;">
        <select name="lineLineType" id="lineLineType<%= i %>" onchange='javascript:doClose("errorval")' >                                 
       <option value=""> </option>
        <c:forEach items="${savedlineTypes}" var="linetype">                                                                 
             <option value="<c:out value="${linetype.linetypeId}" />" <c:if test="${linetype.linetypeId== line.lineType}">selected</c:if> ><c:out value="${linetype.linetypeId}" /> - <c:out value="${linetype.linetypeDesc}" /></option>
                                                    </c:forEach>
                                            </select>
                                          </td>

我正在嘗試使用Java腳本，但始終會獲得下拉菜單的第一行值。 我怎樣才能解決這個問題？ 我正在使用的Java腳本

   var dd = document.getElementById("lineLineType");
   lineType = dd.options[dd.selectedIndex].value; 

Answer 1

您必須為每個下拉菜單指定不同的ID。 給它像lineLineType1，lineLineType2，lineLineType3，並通過以下方式獲取它們：

var dd1 = document.getElementById("lineLineType1");
lineType1 = dd1.options[dd1.selectedIndex].value; 
var dd2 = document.getElementById("lineLineType2");
lineType2 = dd2.options[dd2.selectedIndex].value; 
var dd3 = document.getElementById("lineLineType3");
lineType3 = dd3.options[dd3.selectedIndex].value; 

這可能是最簡單但不是最正確的解決方案。 而不是為每個下拉列表提供ID，請嘗試為所有下拉列表設置相同的類名。 例如，如果將類名命名為“ lineLineType”，則可以像這樣輕松地訪問它們：

   var dd = document.getElementsByClassName("lineLineType");
   var dd_data = dd[row_you_want_to_get]; // row_you_want_to_get value should be between 0, 1, 2 in your case
   var lineType = dd_data.options[dd_data.selectedIndex].value;

希望這可以幫助。