问题标签 [html-select]

使用 IE 时，不能将绝对定位的 div 放在选择输入元素上。这是因为 select 元素被认为是一个 ActiveX 对象，并且位于页面中每个 HTML 元素的顶部。

我已经看到人们在打开弹出 div 时隐藏了选择，这会导致控件消失的非常糟糕的用户体验。

FogBugz 实际上有一个非常聪明的解决方案（在 v6 之前），可以在显示弹出窗口时将每个选择变成文本框。这解决了错误并欺骗了用户的眼睛，但行为并不完美。

另一个解决方案是在 FogBugz 6 中，他们不再使用选择元素并在任何地方重新编码。

我目前使用的最后一个解决方案是弄乱 IE 渲染引擎，并强制它也将绝对定位的元素渲染<div>为 ActiveX 元素，以确保它可以存在于选择元素之上。这是通过在<iframe>内部放置一个不可见的<div>并使用以下样式来实现的：

有没有人有比这个更好的解决方案？

编辑：这个问题的目的是提供更多信息，因为它是一个真正的问题。我发现这个<iframe>技巧是一个很好的解决方案，但我仍在寻找改进，比如删除这个会降低可访问性的丑陋无用标签。

在下拉列表中，我需要在列表中的选项前面添加空格。我在尝试

用于添加两个空格，但它不显示空格。如何在选项文本前添加空格？

我有以下 HTML（注意 CSS 将背景设为黑色，文本设为白色）

Safari 足够聪明，可以使出现在文本右侧的小三角形与前景文本颜色相同。

其他浏览器基本上忽略了 CSS，所以它们也很好。

然而，Firefox 3 应用了背景颜色，但将三角形保留为黑色，所以你看不到它，就像这样

我不知道如何解决这个问题 - 任何人都可以帮忙吗？有没有-moz-select-triangle-color像这样晦涩难懂的东西？

有谁知道下拉列表可以有多少个选项？是无限的吗？在性能下降之前有多少？

我有一个多选 SELECT 字段，我不希望最终用户能够更改其值。

出于 UI 原因，我希望能够在不使用 disabled="true" 属性的情况下执行此操作。我尝试使用 onmousedown、onfocus、onclick 并将每个设置为模糊或返回 false，但没有成功。

这可以做到还是我试图做不可能的事情？

我有多个选择：

我想要的是从第一个选择中选择“一个”，然后从第二个选择中删除该选项。然后，如果您从第二个中选择“两个”，我希望从第一个中删除那个。

这是我目前拥有的JS：

但是当元素被重新填充时，它会在其选项正在更改的选择中触发更改事件。我尝试仅disabled在要删除的选项上设置属性，但这不适用于 IE6。

我有 jQuery，但我不确定它是否有任何内置的排序助手。text我可以为每个项目的、value和属性制作一个二维数组selected，但我认为内置的 javascript 不能Array.sort()正常工作。

使用核心jQuery，如何删除选择框的所有选项，然后添加一个选项并选择它？

我的选择框如下。

编辑：以下代码有助于链接。但是，（在 Internet Explorer 中）.val('whatever')没有选择添加的选项。（我确实在.append和中使用了相同的“值” .val。）

编辑：试图让它模仿这段代码，每当页面/表单被重置时，我都会使用以下代码。此选择框由一组单选按钮填充。.focus()更接近，但该选项并未像使用.selected= "true". 我现有的代码没有任何问题——我只是想学习 jQuery。

编辑：选择的答案接近我需要的。这对我有用：

但是这两个答案都让我找到了最终的解决方案..

帮助！我正在使用 jQuery 进行 AJAX 调用，以在给定用户先前输入的情况下动态填充下拉列表（来自另一个下拉列表，即填充服务器端）。在除 Firefox（IE6/7、Opera、Safari）之外的所有其他浏览器中，我的附加调用实际上将信息附加到我现有选项下方 - “选择一个”。但是在 Firefox 中，它会自动选择给选择控件的最后一项，无论我是否将 JQuery 操作指定为 .append 或替换 (.html())。

有什么想法吗？我过去曾尝试传输另一个空白的第一个选项，然后触发 JavaScript 选项以重新选择第一个索引，但这会触发我的代码中的 onChange 事件，这对用户来说相当烦人。

更新：

这是脚本将返回的示例

或者，如果使用 .html() 方法而不是 .append()，我会放另一个

在结果的顶部。

@达里尔·海因

这是脚本将返回的示例

或者，如果使用 .html() 方法而不是 .append()，我会放另一个

在结果的顶部。

为什么这不起作用（在一个空的选择列表上操作<select id="requestTypes"></select>

但这确实：

• 代替：

  var dropdownList = $("#requestTypes");

• 使用普通的旧javascript：

  var dropdownList = document.getElementById("requestTypes");