javascript - 使用 jquery 或 JS 填充 Html.DropDownList

Question

这是我的:

for (i = 0; i < data.length; i++) {
                $("#myDropDownLisTId").find('tbody')  
                .append($('<option>').attr('value', data[i].id).attr('name', data[i].name)
                );               
            }

但下拉列表始终保持不变。为什么这不起作用？数据变量具有漂亮的值。另外，我想在for循环之前清空下拉列表/怎么做？

这是我在 View 中的下拉列表:

<%= Html.DropDownList("myDropDownLisTId")%>

Answer 1

虽然其他答案将完成您想要做的事情，但我建议将您的选项 HTML 写入字符串变量并在循环完成后附加它，而不是在循环内附加。当您的列表变长时，这会带来一些明显的性能优势。使用 .html() 也将负责每次清空列表。

        var tempList = '';
        for (i = 0; i < data.length; i++) {  
            tempList += '<option value="' + data[i].id + '" name="' + data[i].name +'">' + data[i].text + '</option>';            
        }
        $("#myDropDownLisTId").html(tempList);