如何使用Javascript将下拉列表添加到MVC中的动态行并将值绑定到模型

<form>
  <div id="dynamicRows">
    <!-- 动态行将被添加到这里 -->
  </div>
  <button type="button" onclick="addDynamicRow()">添加动态行</button>
</form>

function addDynamicRow() {
  // 创建一个新的下拉列表元素
  var select = document.createElement("select");

  // 添加选项到下拉列表中
  var options = ["选项1", "选项2", "选项3"];
  for (var i = 0; i < options.length; i++) {
    var option = document.createElement("option");
    option.text = options[i];
    select.add(option);
  }

  // 将下拉列表添加到动态行中
  var dynamicRows = document.getElementById("dynamicRows");
  dynamicRows.appendChild(select);
}

function submitForm() {
  // 获取动态行中下拉列表的值
  var dynamicRows = document.getElementById("dynamicRows");
  var selects = dynamicRows.getElementsByTagName("select");
  var values = [];
  for (var i = 0; i < selects.length; i++) {
    values.push(selects[i].value);
  }

  // 将值发送到服务器进行处理
  // ...
}