我在为单个列中存在的两个元素分配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;
}
答案 0 :(得分:0)
in&#34;场景2&#34;使用..
table.rows[rowCount].cells[cellNumber].childNodes[0].childNodes[0]
获取select元素,
table.rows[rowCount].cells[cellNumber].lastChild.childNodes[0]
获取输入元素