这个选择为什么不开放？

问题描述：

我有一个非常简单的选择下拉菜单。在Chrome中，它不会下降。代码本身工作正常，并且下拉菜单在Safari中正常工作，但由于某种原因，它无法在Chrome中打开。这里是HTML：这个选择为什么不开放？

<select name="pellet_credit" class="item_discount"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select>

它应该很简单。这是一个下拉......这里的选择的屏幕截图，选择，但无法打开： alt text

---编辑---

这是一个用的jsfiddle包括完整的源代码。下拉菜单在jsfiddle视图中适用于我，但不适用于实际站点。

http://jsfiddle.net/HSYvf/

---编辑---在页面做工精细

其他下拉菜单。

这对我来说适用于Chrome。你使用什么版本？ – birryree 2010-10-17 20:49:17

你好，问题应该在别的地方，这段代码在Chrome中运行良好，请更精确或请给出更多的代码。 – 2010-10-17 20:49:43

它对我来说也很好，它本身也很好。但是，这个伟大页面上的代码段不起作用。我会粘贴更多的 – hookedonwinter 2010-10-17 20:50:38

答

验证您的HTML以确保没有多余的关闭/结束标记。确保你没有通过CSS隐藏选项。

我也寻找一些流浪的JavaScript获取点击事件的方式 – Agos 2010-10-17 21:18:44

答

我想你应该设定一个值，你的选择

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select>

你可以阅读更多here

之前有过。它是由php生成的，但是我将其剥离并且仍然存在问题。 – hookedonwinter 2010-10-17 20:59:16

答

我曾与Firefox和Chrome同样的问题，由于形式的z-index是-1。

当改变了z-index，它工作得很好。

对你有用的东西可能不适用于其他人。确定你提出的建议对于发布问题的人有效，然后再给出答案！ – Caelea 2012-10-26 16:04:00

答

我加入一个答案只是调出由@Agos所选答案的评论。检查是否有事件处理代码（mousedown，click等），可能会从下拉菜单中窃取事件。

答

什么结束了发生在我身上造成我在此页面上的显示设置为显示：无;在选项元素

溶液：

$（yourdropdown）。儿童（）显示（）;

答

这发生在我身上时，我把<select>一个jQuery .sortable（）元素中。我从jQuery网站上复制了这段代码，并且.disableSelection（）方法调用会使我的<select>失效。

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 
});

一旦我删除了.disableSelection();（这奇怪的是，他们已经过时......）一切工作就好了。

答

对我来说，问题是，我已经包含在id申报类名。

对于未来的观众，通知特别是如果你的选择元件与周围表单样式不一致。这可能是一个班级没有正确应用的线索，而且您可能意外地将其放在了错误的地方。

答

当我们开发具有列表框的客户端/服务器编程语言时，我们遇到了一个疯狂的问题。虽然INPUT工作的列表框没有。我们对它进行鼠标跟踪，并通过$（window）.mousedown ...默认启用的错误。

我们能够跟踪本页面的问题：https://hackernoon.com/finding-that-pesky-listener-thats-hijacking-your-event-javascript-b590593f2a83

这个选择为什么不开放？

相关推荐