javascript - 标签索引在表单中不起作用

标签 javascript jquery html css tabindex

我用过这个插件:http://codepen.io/wallaceerick/pen/ctsCz

自定义我网站中的所有选择标签,您可以通过这种方式看到 select标签不可见且不显示,它们被 div <div class="select-styled"></div> 取代插入选项的任何选定值的位置。我喜欢这段代码的简单性,但我想让用户在填写表格时可以使用该选项卡。 显然在这种情况下是不可能的,因为 select标记被隐藏,因此它们会被选项卡按钮跳过。

案例我在这里转载了http://codepen.io/Mannaio/pen/ciFtv我在 select 之前和之后插入了一个输入标签,如您所见,选项卡按钮仅在 inputs 之间有效.所以我的问题是,我该如何解决这个问题?我怎样才能添加 tabindex这让我也可以使用 select在表格中?

最佳答案

在您选择的表单元素上放置明确的 tabindex 属性,例如:

<select id="mounth" tabindex="2">

在您的脚本中,在 $('select').each(function(){...

添加这个:

tabIndex = $this.attr('tabindex');

并修改插入样式化的 div 版本的行,以包含 tabindex 属性以及您使用 tabIndex 捕获的原始 tabindex 编号:

$this.after('<div class="select-styled" tabindex='+ tabIndex +'></div>');

那应该给你你想要的。

(这是您的 codepen 页面的修订页面,其中包含实际操作:http://codepen.io/anon/pen/rIeHd)

关于javascript - 标签索引在表单中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23549507/

相关文章:

javascript - 如何从 jQuery 输入中获取值列表

java - 服务器端数据流的有效方法?

javascript - 如何更改图表的特定网格线的颜色

java - 来自 Ajax 的 jzebra.appendHTML

jQuery:多个当前夸大的问题

javascript - 为什么 Google Analytics 内容实验的结果没有显示?

html - 不使用表格标签创建 HTML 表格

html - 我将如何在 CSS 中实现这种外观?

html - 垂直对齐内容

javascript - Angular : Accessing particular directive scope from controller