标签索引不在表单中-Java 学习之路

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

要自定义我网站中的所有选择标记，正如您所看到的那样， select 标记不可见且不显示，它们将替换为div <div class="select-styled"></div> ，其中插入了选项的任何值 . 我喜欢这段代码的简单性，但我想让用户在填写表单时使用标签 . 显然在这种情况下，任何它都是不可能的，因为 select 标签是隐藏的，因此它们被标签按钮跳过 .

我在这里重现了这个案例http://codepen.io/Mannaio/pen/ciFtv，其中我在 select 标签之前和之后插入了一个输入，你可以看到标签按钮仅适用于 inputs . 所以我的问题是，我该如何解决这个问题呢？我如何添加 tabindex 哪个让我也在表单中使用 select ？

2 回答

给第一项索引为1，如下所示：

<input class="string required" tabindex='1' id="account_last_name" name="account[last_name]" required="required" size="50" type="text" />

在每个语句中添加一个计数器，如下所示：

$('select').each(function(i){/*code*/}

将计数器1添加到动态div的选项卡索引中，如下所示：

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

DEMO

回复于 2024-05-05T22:37:26+08:00

1
在选择表单元素上添加显式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）
回复于 2024-05-05T22:37:26+08:00

标签索引不在表单中

2 回答

相关问题