javascript - 更改动态生成的下拉列表的选定值

Question

我在 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，但值不会更改。

Answer 1

我在您的 HTML 中没有看到任何 id 为 model 的内容。您的意思是名称为 model 的输入吗？也将其作为 id 吗？

我还注意到没有结尾 </tr>在你的第二个表中。

不要使用var rowData = new Array();使用文字表示法:var rowData = []; .

添加id后，添加几个<tr> s，它对我来说很好:

http://jsfiddle.net/FJfZK/

请注意，在调试 JavaScript 问题时，渲染的 HTML 输出更加更有帮助。当涉及 DOM 操作问题时，我们通常不关心您的服务器在做什么。