如何在同一行显示动态生成的<select>？

<div class="container">
  <select id="select1"></select>
  <select id="select2"></select>
  <select id="select3"></select>
</div>

.container {
  width: 100%;
  overflow: hidden;
}

select {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

// 动态生成<select>元素的示例代码
var select1 = document.getElementById("select1");
var select2 = document.getElementById("select2");
var select3 = document.getElementById("select3");

// 假设有一个数组options存储了选项的数据
var options = ["Option 1", "Option 2", "Option 3"];

// 动态生成<option>元素并添加到<select>中
for (var i = 0; i < options.length; i++) {
  var option = document.createElement("option");
  option.text = options[i];
  select1.add(option);
}

// 同样的方式生成其他<select>元素的选项

// 可以根据实际需求使用其他方法来动态生成<select>元素的选项