Select 选择不显示选项的菜单

我创建了一个简单的选择菜单

<select class="element">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
</select>

检查此代码：

    ### Listbox
    http://jsfiddle.net/4jkE8/2/

在你的css上试试这个：

select {
  height: 25px;
  background: #FFFFFF;
}
$.noConflict();
$('.element').on('click', function(){
   console.log('clicked');
});

另外，我认为您有一个Javascript或Jquery文件正在产生冲突，请尝试在视图中创建以下内容：

 <select class="element">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
 </select>
 <script type="text/javascript">$.noConflict();</script>

只读
可编辑
隐藏的
$.noConflict（）；

将类名更改为其他名称。然后，不要将其用作类，而是将其更改为id。然后在jQuery中检测on change事件。通常，当有一个选择选项时，您只需要其中一个。id属性用于页面上只有一个元素的情况

我相当肯定，单击事件并不适用于选择列表中的所有浏览器。您可能想查看以下问题：

HTML代码：

<select id="status">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
</select>
<select id="status">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
</select>

---

您是否有为元素类、select元素或option元素编写的CSS规则？页面上的CSS可能会影响选择列表的行为。另外，您添加的jQuery代码可能会影响其行为。你能把这些信息添加到你的问题描述中吗？不，唯一的css规则控制着色。我已将其添加到描述中。是否可以添加正在使用的jQuery？请尝试删除元素类。改为添加一个ID。也不是在点击时检测，而是在更改时使用。这也是我认为他可能在代码中有冲突的地方。我有两个选择菜单，因此需要class属性。我正在检测onclick事件。onclick事件注册良好。没有冲突。单击“选择”下拉列表时，它没有显示选项。这些选项定义明确，通过了必要的HTML验证测试，以确保我没有遗漏报价，等等。另一个选项是创建一个新项目并检查您的代码，我真的100%确定您有一个javascript或jquery正在产生冲突，因为我在一些项目中有相同的错误，但您的项目只是一个意见吗。

<select id="status">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
</select>
<select id="status">
   <option value="3">Read Only</option>
   <option value="1">Editable</option>
   <option value="2">Hidden</option>
</select>

$('#status').on('change', function(){
   console.log('changed');
});