如何使用select标签隐藏/显示select标签？

<select id="select1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="select2" style="display: none;">
  <option value="option4">Option 4</option>
  <option value="option5">Option 5</option>
  <option value="option6">Option 6</option>
</select>

document.getElementById("button").addEventListener("click", function() {
  document.getElementById("select1").style.display = "none";
  document.getElementById("select2").style.display = "block";
});