按 Tab 转到选择框答案

【问题标题】：press tab to go to selectbox按 Tab 转到选择框
【发布时间】：2010-09-15 00:15:17
【问题描述】：

我有一个文本框后跟一个选择框，当我在文本框上按“tab”时，它不会进入选择框。如何让它进入选择框？是使用javascript所需的解决方案吗？有没有不使用 javascript 的解决方法？

已编辑：

<html>
<input type="text" tabindex="1" />
<select tabindex="2" >
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</html>

我在 Firefox 上尝试了选择框，但失败了。它可以在Firefox上运行吗？是因为macos问题吗？文本框看起来不错。

【问题讨论】：

我在opera上测试过，在macos上用safari测试过，一切正常，除了firefox。选择框似乎无法使用 tabindex。有什么解决方法吗？

标签： javascript html css

【解决方案1】：

使用 html tabindex 属性： http://reference.sitepoint.com/html/a/tabindex

tabindex 用于定义用户在使用 Tab 键浏览页面时遵循的顺序。默认情况下，自然跳格顺序将匹配标记中的源顺序。在某些情况下，可能需要覆盖默认的跳格顺序...

tabindex 可以从 0 开始并以任意值递增。因此，序列 1、2、3、4、5 就可以了，10、20、30、40、50....

【讨论】：

【解决方案2】：

你试过tabindex吗？

<input type="text" tabindex=1 />
<select tabindex=2 >
  <option></option>
</select>

【讨论】：

XHTML 的数字带有引号 ;)

【解决方案3】：

在两个元素上设置 tabindex，选择框的值比文本框上的值高 1（1 和 2、2 和 3、99 和 100）

【讨论】：