将id分配给单个列中存在的两个元素

时间:2016-01-04 14:03:23

标签: javascript jquery html css

我在为单个列中存在的两个元素分配id时遇到了一些问题。一个元素是下拉列表,另一个元素是文本元素。实际上我在第一个场景中实现了这一点,但我在第二个场景中遇到了一些问题。请帮帮我们..

情景1:

    <td> 
        <select name="fmeaEntityForm[0].subSystem.id" id="subSystem0" onchange="getsubSystemFunction(this)">
            <option value="-1">
               <spring:message code="label.fmea.select.subSystem" />
            </option>
            <c:forEach items="${subSystemList}" var="ss">
                  <option value="${ss.id}">${ss.subSystem}</option>
            </c:forEach>
            <option value="0">
                <spring:message code="label.fmea.select.other" /></option>
        </select>
        <input type="text" name="fmeaEntityForm[0].subSystem.subSystem" id="subSystemText0" placeholder="Enter Sub-system if selected other"/>
   </td>

在方案一中,我可以通过table.rows[rowCount].cells[cellNumber].childNodes[0]轻松访问第一个元素,table.rows[rowCount].cells[cellNumber].lastChild可以轻松访问第二个元素。

场景2:我需要对齐此下拉列表和文本框,因此我使用两个类来并行对齐两个元素。现在两个元素都正确对齐,但我无法访问这两个元素

<td> 
      <div class="element1">
         <select name="fmeaEntityForm[0].subSystem.id" id="subSystem0" onchange="getsubSystemFunction(this)">
            <option value="-1">
                 <spring:message code="label.fmea.select.subSystem" />
            </option>
            <c:forEach items="${subSystemList}" var="ss">
                <option value="${ss.id}">${ss.subSystem}</option>
            </c:forEach>
            <option value="0">
                <spring:message code="label.fmea.select.other" />
            </option>
        </select>
     </div>
     <div class="element2">
          <input type="text" name="fmeaEntityForm[0].subSystem.subSystem" id="subSystemText0" placeholder="Enter Sub-system if selected other"/>
     </div>
</td>

CSS

.element1
{
    display:in-line;
    float:left;
}

.element2 
{
    margin-left:5px;
    display:in-line;
    float:left;
}

1 个答案:

答案 0 :(得分:0)

in&#34;场景2&#34;使用..

table.rows[rowCount].cells[cellNumber].childNodes[0].childNodes[0]获取select元素,

table.rows[rowCount].cells[cellNumber].lastChild.childNodes[0]获取输入元素