下拉框A选了之后，下拉框B禁用，下拉框B类型，下拉框A禁用

可以使用JavaScript实现这个功能，代码如下：

// 获取下拉框A和B的元素
var selectA = document.getElementById("selectA");
var selectB = document.getElementById("selectB");

// 给下拉框A绑定change事件
selectA.addEventListener("change", function() {
  // 如果下拉框A选中了某个选项
  if (selectA.value !== "") {
    // 禁用下拉框B
    selectB.disabled = true;
    // 设置下拉框B选中的选项为默认值
    selectB.selectedIndex = 0;
    // 改变下拉框B的样式
    selectB.style.opacity = "0.5";
    // 改变下拉框A的样式
    selectA.style.color = "#999";
    selectA.style.opacity = "1";
  } else {
    // 如果下拉框A选中的是默认选项，恢复下拉框A和B的样式
    selectB.disabled = false;
    selectB.style.opacity = "1";
    selectA.style.color = "#333";
  }
});

上述代码中，我们首先获取了下拉框A和B的元素，然后给下拉框A绑定了一个change事件，当下拉框A选中了某个选项时，就会触发这个事件。在事件处理函数中，我们禁用了下拉框B，并将它的选中项设置为默认值。同时，我们改变了下拉框A和B的样式，以表示它们的状态。当下拉框A选中的是默认选项时，我们恢复下拉框A和B的样式。