我在 JSP 页面中生成了一个动态下拉列表,如下所示:
<table BORDER=4 BORDERCOLOR=ORANGE width="300px">
<tr>
<td>Model:</td>
<td><select name="model" id="model">
<c:forEach items="${model_list}" var="item">
<option value="${item.modelId}">${item.modelName}</option>
</c:forEach>
</select></td>
</tr>
</table>
我只想根据我从此处获得的另一个值更改这些下拉列表的选定值:
<table BORDER=4 BORDERCOLOR=ORANGE width="120px" id="product_table">
<c:forEach items="${product_list}" var="car">
<tr>
<td><INPUT type="checkbox" name="chk_group" value="${car.carId}" /></td>
<td><c:out value="${car.carId}" /></td>
<td><c:out value="${car.model.modelName}" /></td>
<td><c:out value="${car.model.modelId}" /></td>
</table>
这是脚本:
function findRowNumber() {
var rowIdx;
var rowData = new Array();
var table = document.getElementById('product_table');
var rows = table.getElementsByTagName('tr');
var selectedRow;
for ( var i = 0; i < rows.length; i++) {
rows[i].onclick = function() {
rowIdx = this.rowIndex;
selectedRow = rows[rowIdx];
document.getElementById('model').value = selectedRow.cells[3].innerHTML;
}
}
}
注意:selectedRow.cells[3].innerHTML
返回 3,但值不会更改。
最佳答案
我在您的 HTML 中没有看到任何 id 为 model
的内容。您的意思是名称为 model
的输入吗?也将其作为 id 吗?
我还注意到没有结尾 </tr>
在你的第二个表中。
不要使用var rowData = new Array();
使用文字表示法:var rowData = [];
.
添加id后,添加几个<tr>
s,它对我来说很好:
请注意,在调试 JavaScript 问题时,渲染的 HTML 输出更加更有帮助。当涉及 DOM 操作问题时,我们通常不关心您的服务器在做什么。
关于javascript - 更改动态生成的下拉列表的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15256265/