Onchange使用Tab键时选择框的事件

Question

我有2个选择框称为国家和城市。当我从国家框选择一个值onchnage事件被解雇，城市将被加载使用ajax请求。

但是当我使用的标签导航也有一些问题。

过程。

按下Tab键，并获得国家选择框 按像“M”一键找到值从“M” 开始，然后点击选项卡再次

第二个选项卡中单击应该着眼于城市盒子。但它不工作只有第三个标签点击是关注城市选择框。

你有解决这个问题的任何想法吗？

代码

<label>Country * : </label> 
<select tabindex="1" onchange="loadCities(this.options[this.selectedIndex].value,'url')" id="cmbDistric" name="cmbDistric"> 
<option value="0">Select</option> 
<option value="1">Colombotest</option> 
<option value="2">Colombotest</option> 
<option value="3">Colombotest</option> 
</select>  


<label>City * : </label> 
<select tabindex="6" > 
<option value="0">Select</option> 
</select> 

Answer 1

This W3C document讲解了如何控制跳位顺序。基本上，您可以使用tabindex来控制标签顺序。下面是他们的示例代码的相关部分，完整的HTML不幸4主义：

<FORM action="..." method="post"> 
<P> 
<INPUT tabindex="1" type="text" name="field1"> 
<INPUT tabindex="2" type="text" name="field2"> 
<INPUT tabindex="3" type="submit" name="submit"> 
</P> 
</FORM> 

类似的信息（不包括HTML 4示例代码）是the HTML5 draft。