下拉列表的问题无法正确显示

Question

在我自己的计算机上，此处的下拉列表显示顶部选项，然后在顶部栏中的格式化文本中显示所选选项。但是在其他所有显示器（移动设备，不是我的计算机）上，下拉菜单显示为空白。

有没有人知道是否有任何HTML或CSS（或Javascript）可用于确保它在所有网站上正确显示？例如，如果我点击了Newsletter，那么顶部栏中会显示Newsletter。功能很好，可见性不是。

<select class="longdropdown">
    <option>Choose an action</option>
    <option>Sign up to our Newsletter!</option>
    <option>Submit a comment or query</option>
    <option>Submit a suggestion</option>
</select>

我玩过value和label属性，但它没有什么区别。我不确定为什么我用类命名它，因为没有附加CSS（在任何人问之前！）。

Answer 1

尝试使用值选项

<select class="longdropdown">
  <option value="Choose an action">Choose an action</option>
  <option value="Sign up to our Newsletter!">Sign up to our Newsletter!</option>
  <option value="Submit a comment or query">Submit a comment or query</option>
  <option value="Submit a suggestion">Submit a suggestion</option>
</select>