如何将两个可编辑的-select，e-ng-选项绑定在一起？

将两个可编辑的select选项绑定在一起可以通过以下步骤实现：

创建两个select元素，并分别为它们设置唯一的id属性，例如"select1"和"select2"。
使用JavaScript或jQuery等前端框架获取这两个select元素的引用。
监听第一个select元素的change事件，在事件处理程序中获取选中的值。
根据第一个select的选中值，动态生成第二个select的选项。
将第二个select的选项与第一个select的选中值进行绑定。
当第二个select的选项发生变化时，更新第一个select的选中值。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>绑定两个可编辑的select选项</title>
</head>
<body>
  <select id="select1">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>

  <select id="select2">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>

  <script>
    // 获取select元素的引用
    var select1 = document.getElementById("select1");
    var select2 = document.getElementById("select2");

    // 监听select1的change事件
    select1.addEventListener("change", function() {
      // 获取选中的值
      var selectedValue = select1.value;

      // 根据选中的值生成select2的选项
      select2.innerHTML = "";
      for (var i = 1; i <= selectedValue; i++) {
        var option = document.createElement("option");
        option.value = i;
        option.text = "选项" + i;
        select2.appendChild(option);
      }
    });

    // 监听select2的change事件
    select2.addEventListener("change", function() {
      // 更新select1的选中值
      select1.value = select2.value;
    });
  </script>
</body>
</html>

这段代码中，当第一个select的选项发生变化时，会根据选中的值动态生成第二个select的选项。当第二个select的选项发生变化时，会更新第一个select的选中值，实现两个select选项的绑定。

腾讯云相关产品和产品介绍链接地址：