如何通过使用 jquery 从第一个列表框中进行选择来填充第二个列表框？

Question

我有两个问题。

1)
我有一个列表框，根据我在第一个下拉列表中选择的内容填充。 使用jQuery.get检索数据。

生成列表的代码如下：

(...)
foreach (DataRow row in dt.Rows)
{
    strList.Append("<option value='" + row["id"] + "'>" + row["enhetsnavn"] + "</option>");
}

我使用以下代码将结果附加到我的下拉列表中：

var schoolsList = $("#schoolSelect");    

jQuery.get(
    site + "jQueryFunctions.ashx",
    { 
      county: county, schoolType: schoolType, instance: 'getSchoolsByCounty' },
      function(data) {
        schoolsList.append(data);
      }
);

这第一次效果很好。问题是，如果我从第一个 ddl 中选择新内容，它会被添加到第二个列表中，因此不会替换现有项目。
（列表越来越长）。

如何将列表项替换为新项？

2)
如果我没记错的话，使用 jQuery 填充第二个下拉列表不会绑定数据。如果没有绑定，我将无法使用 jQuery 检索值/数据。

我想我必须使用jQuery.live 或其他什么？

Answer 1

使用

schoolsList.html(data);

为了替换元素的内容而不是append()，这显然只是将新数据附加到它。

至于第二部分我不完全明白你想在这里绑定什么数据。 jQuery.live 方法适用于您现在不需要的事件侦听器，我猜。

您的代码不包含您想要检索任何数据的任何内容。如果它是一个表格并且你发送它，如果这是你所关心的，数据将被传输。