如何用jQuery组合两个mvc下拉列表？

使用jQuery组合两个MVC下拉列表可以通过以下步骤实现：

首先，确保在HTML页面中引入了jQuery库文件，可以通过以下方式引入：

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

在HTML页面中创建两个下拉列表，分别为"list1"和"list2"，并为它们添加相应的id和class属性：

<select id="list1" class="dropdown"></select>
<select id="list2" class="dropdown"></select>

在JavaScript代码中，使用jQuery的$.ajax()方法向服务器请求数据，并将返回的数据填充到第一个下拉列表中：

$.ajax({
  url: 'data.php', // 替换为服务器端数据接口的URL
  method: 'GET',
  dataType: 'json',
  success: function(data) {
    var list1 = $('#list1');
    $.each(data, function(index, item) {
      list1.append($('<option>', {
        value: item.value,
        text: item.text
      }));
    });
  },
  error: function() {
    console.log('请求数据失败');
  }
});

在上述代码中，需要将url替换为实际的服务器端数据接口的URL，该接口应返回一个JSON格式的数据，例如：

[
  {"value": "1", "text": "选项1"},
  {"value": "2", "text": "选项2"},
  {"value": "3", "text": "选项3"}
]

在JavaScript代码中，使用jQuery的change()方法监听第一个下拉列表的变化事件，并根据选中的值动态加载第二个下拉列表的选项：

$('#list1').change(function() {
  var selectedValue = $(this).val();
  var list2 = $('#list2');
  list2.empty(); // 清空第二个下拉列表的选项
  if (selectedValue === '') {
    list2.prop('disabled', true); // 如果第一个下拉列表未选择任何选项，则禁用第二个下拉列表
  } else {
    list2.prop('disabled', false); // 否则启用第二个下拉列表
    // 根据选中的值向服务器请求第二个下拉列表的选项数据，并填充到第二个下拉列表中
    $.ajax({
      url: 'data.php?selectedValue=' + selectedValue, // 替换为服务器端数据接口的URL，同时传递选中的值作为参数
      method: 'GET',
      dataType: 'json',
      success: function(data) {
        $.each(data, function(index, item) {
          list2.append($('<option>', {
            value: item.value,
            text: item.text
          }));
        });
      },
      error: function() {
        console.log('请求数据失败');
      }
    });
  }
});

在上述代码中，需要将url替换为实际的服务器端数据接口的URL，并根据选中的值传递相应的参数。

通过以上步骤，就可以使用jQuery组合两个MVC下拉列表。当第一个下拉列表的选项发生变化时，根据选中的值动态加载第二个下拉列表的选项。请注意，上述代码中的服务器端数据接口需要根据实际情况进行开发，并返回符合要求的数据格式。