uni-data-select怎么实现点击另一个下拉框，现在打开的下拉框隐藏

要实现这个功能，你需要使用 JavaScript 来控制下拉框的显示和隐藏。可以使用以下步骤：

1. 获取所有的下拉框元素，并为它们添加点击事件监听器。
2. 在点击事件处理函数中，首先隐藏当前打开的下拉框（如果有的话）。
3. 然后获取当前点击的下拉框，并显示它的选项列表。

下面是一个示例代码，用于控制两个下拉框的显示和隐藏：

<!-- HTML 代码 -->
<select id="select1">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<select id="select2">
  <option value="option4">选项4</option>
  <option value="option5">选项5</option>
  <option value="option6">选项6</option>
</select>

// JavaScript 代码
var selects = document.getElementsByTagName('select');
for (var i = 0; i < selects.length; i++) {
  selects[i].addEventListener('click', function(e) {
    // 隐藏当前打开的下拉框
    var activeSelect = document.querySelector('.active');
    if (activeSelect && activeSelect !== e.target) {
      activeSelect.classList.remove('active');
    }

    // 显示当前点击的下拉框
    e.target.classList.toggle('active');
  });
}

在上面的代码中，我们使用了一个名为“active”的 CSS 类来标记当前打开的下拉框。在点击事件处理函数中，我们首先检查是否有已经打开的下拉框（即带有“active”类的下拉框），如果有的话，我们将其隐藏。然后，我们将当前点击的下拉框标记为“active”，以便下一次点击时可以隐藏它。