直到第一个下拉框未选择（刷新问题），才隐藏第二个下拉框

可以使用JavaScript监听第一个下拉框的选择事件，当选择项改变时，判断是否选择了某一项，如果选中了某一项，则将第二个下拉框显示出来；否则，就将第二个下拉框隐藏起来。以下是示例代码：

HTML代码：

<select id="first-select">
  <option>Please select...</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>
<select id="second-select" style="display: none;">
  <option>Please select...</option>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

JavaScript代码：

document.getElementById('first-select').addEventListener('change', function() {
  var secondSelect = document.getElementById('second-select');
  if (this.value !== '') {
    secondSelect.style.display = 'block';
  } else {
    secondSelect.style.display = 'none';
  }
});

上述代码中，通过addEventListener方法监听第一个下拉框的选择事件，如果选择了某一项，就将第二个下拉框显示出来；否则就将第二个下拉框隐藏起来。其中，利用了style.display属性来控制下拉框的显示和隐藏。