动态生成的select不会保持打开状态

是因为在生成select元素时，它的默认状态是关闭的。当用户点击select元素时，它会展开显示选项列表，但是一旦失去焦点或用户选择了一个选项，select元素会自动关闭。

为了实现动态生成的select保持打开状态，可以使用JavaScript来控制select元素的展开和关闭。可以通过以下步骤来实现：

1. 创建一个select元素并添加所需的选项。可以使用HTML的createElement方法来创建select元素，并使用appendChild方法将选项添加到select元素中。

var select = document.createElement("select");
var option1 = document.createElement("option");
option1.text = "Option 1";
select.appendChild(option1);
// 添加更多选项...

1. 设置select元素的属性和事件。可以使用setAttribute方法来设置select元素的属性，例如设置id、name等。还可以使用addEventListener方法来添加事件监听器，以便在用户点击select元素时执行相应的操作。

select.setAttribute("id", "mySelect");
select.addEventListener("click", function() {
  this.size = this.size > 1 ? 1 : this.options.length;
});

1. 将select元素添加到页面中。可以使用appendChild方法将select元素添加到页面的某个元素中，例如body元素。

document.body.appendChild(select);

通过以上步骤，动态生成的select元素将会在用户点击时展开选项列表，并保持打开状态，直到用户再次点击或选择一个选项。

对于腾讯云相关产品，可以使用腾讯云的云开发服务来实现动态生成的select保持打开状态。云开发是一种基于云原生架构的全栈云服务，提供了丰富的功能和工具，包括前端开发、后端开发、数据库、存储等。可以使用云开发的数据库服务来存储select元素的选项数据，并使用云函数来处理select元素的展开和关闭逻辑。具体的产品介绍和文档可以参考腾讯云云开发的官方网站：腾讯云云开发。