我用过这个插件: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/