不能在 SelectBoxIt 中制表符答案

【问题标题】：can't tab in SelectBoxIt不能在 SelectBoxIt 中制表符
【发布时间】：2012-10-18 08:07:28
【问题描述】：

你好，我叫谢恩，

我正在编写一个自定义网站。我已经建立了一个联系表格，并且正在使用 SelectBoxIt (http://gregfranko.com/jquery.selectBoxIt.js/) 作为我的下拉功能。我有几个输入字段、两个按钮和一个选择框（下拉）。我的表格工作得很好，我的问题是 TabIndex。我在每个输入中都编码了正确的标签索引，但是当我选择选择框时，它会被忽略。

这里是页面：http://www.lightupco.com/contact.htm 注意：您必须单击信封/钢笔图标才能显示表单。

我从研究类似问题的论坛中得到的唯一线索是，它与底层 UL 相关，导致标签索引关闭。

我不确定要在此处包含我的页面中的哪些代码，以获得解决此问题的帮助？

【问题讨论】：

我刚刚将标签索引更改为 2 并且有效。
tabindex 确实有效，也适用于您的选择框。我在IE8、FF3.6.28、Safari中试了一下。
@Saul，SelectBox 的 tabindex 已经是 2 了？
@reporter，这对你有用吗？我已经在 IE9、Chrome 和 Firefox 中尝试过..？
也在 Chrome 中。顺序很奇怪。

标签： javascript tabindex

【解决方案1】：

嘿 Shane 我写了 SelectBoxIt。您的选择框 tabindex 被忽略的原因是因为 SelectBoxIt 隐藏了原始选择框并将其替换为更易于设置样式的新 HTML（div 元素）。因此，tabindex 属性没有设置在可见下拉列表（div 元素）上，只有隐藏的选择框。

如果您不介意在Github 上创建问题，我很乐意向 SelectBoxIt 添加一个功能，它将原始选择框上的任何 tabindex 属性复制到新的可见下拉列表中。这应该可以解决您的问题。

【讨论】：

是的！谢谢格雷格，我会试试的。顺便说一句，在 SelectBoxit 上做得很好 :)
该功能现已添加：github.com/gfranko/jquery.selectBoxIt.js/issues/30

【解决方案2】：

选择框的索引为 0。如果单击 Name: 输入，则索引为 1，因此，您的索引错误。

毕竟为什么要使用 tabindex？ -.-

【讨论】：

感谢重播扫罗。我使用 Tabindex 是因为我的客户当然希望能够按逻辑顺序浏览所有字段。我尝试将选择框更改为 tabindex 0（如您所建议的那样）并将名称输入更改为“-1”，其余的以正确的顺序进行。尝试一下 - 它确实正确地将我从名称输入选项卡到 SelectBox，但之后它不会对任何内容进行选项卡。所以它不能解决它给 SelectBox 的索引“0”.. 除非我忽略了一些东西。
您已经在使用 javascript 构建（或管理）表单，是否有任何插件或 javascript 库可以帮助您？
谢谢你的回复扫罗。我想出了一个解决办法。首先，我从表单元素中删除了所有 Tabindex，然后将 Tabindex="-1" 添加到 2 个表单按钮，这使它们完全脱离了选项卡序列。这样按逻辑顺序选项卡，唯一的缺点是您不能在地址字段之后选择“发送”按钮，但这似乎很好。 ;) www.lightupco.com/contact.htm