动态添加下拉选择框，选择项固定，选择一个不能再次选择该项

好的，你可以通过以下的 HTML 和 JavaScript 代码来实现动态添加下拉选择框，且选择项不能重复选择：

HTML 代码：

<div id="select-container"></div>
<button onclick="addSelect()">添加下拉选择框</button>

JavaScript 代码：

var options = ["选项1", "选项2", "选项3", "选项4"]; // 选择项数组
var selectedOptions = []; // 已选的选择项数组

function addSelect() {
  // 创建 select 元素
  var select = document.createElement("select");

  // 添加选项
  for (var i = 0; i < options.length; i++) {
    if (!selectedOptions.includes(options[i])) { // 如果该选项还没有被选择过
      var option = document.createElement("option");
      option.value = options[i];
      option.text = options[i];
      select.appendChild(option);
    }
  }

  // 添加到页面中
  document.getElementById("select-container").appendChild(select);

  // 监听选项变化事件
  select.addEventListener("change", function() {
    selectedOptions.push(this.value); // 将选项加入已选数组
    addSelect(); // 添加一个新的选择框
  });
}

这段代码会在页面上添加一个“添加下拉选择框”的按钮和一个空的 div 容器。每次点击按钮时，会在容器中添加一个新的下拉选择框，并且已经选择的选项将不会再次出现在新的下拉选择框中，以确保每个选项只能被选择一次。同时，每次选择一个选项后，会再次调用 `addSelect` 函数来添加一个新的选择框，以实现动态添加的效果。