jquery - 下拉列表显示不正确的问题

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>