Javascript 选项卡索引在窗体中不起作用

我使用过这个插件：

要自定义“我的网站”中的所有选择标记，您可以通过这种方式看到，

select

标记不可见且不显示，它们将替换为一个div

，其中插入了该选项的任何选定值。我喜欢这段代码的简单性，但我想让用户在填写表单时可以使用该选项卡。 显然，在这种情况下，这是不可能的，因为

select

标记是隐藏的，因此选项卡按钮会跳过它们

---

我在这里再现了这样一种情况，即我在

选择

标记前后插入了一个输入，正如您所看到的那样，选项卡按钮仅在

输入

之间工作。所以我的问题是，我怎样才能解决这个问题？如何添加

tabindex

，使我也可以在表单中使用

select

？

将显式tabindex属性放在select表单元素上，例如：

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

并修改插入样式化div版本的行，以包括tabindex属性和使用tabindex捕获的原始tabindex编号：

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

$this.after（“”）；

那会给你你想要的

---

（这里是代码笔页面的修订页，它正在运行：）

给第一个项目一个1的索引，如下所示：

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

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

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

$this.after（“”）；

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

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