jquery selectbox插件无法通过选项卡导航

Question

我正在使用插件将选择下拉框变成更好看的版本。不过，我刚刚注意到，当您尝试通过表单输入标签时，一旦您到达这些样式化的选择框之一，就可以停止标签。

这真的很糟糕，因为我通过我的网站使用了不少这些选择框，而我只注意到这个问题。有没有人有一个想法，如果这很容易解决？

该插件的代码是在这里：

http://code.google.com/p/select-box/issues/list

例如： http://jsfiddle.net/UgYU4/

代码：

<label class="inputLabel" for="postcode">Post/Zip Code:</label> 
<input type="text" name="postcode" size = "11" maxlength = "10" id="postcode" class="loginformInput" /> 

<label class="inputLabel" for="country">Country:&nbsp;<span class="alert">*</span></label> 
<div id="logincountry"> 
<select name="zone_country_id" id="country" onchange="update_zone(this.form);"> 
    <option value="">Please Choose Your Country</option> 
    <option value="222" selected="selected">United Kingdom</option> 
    <option value="103">ROI Republic of Ireland</option> 
    <option value="223">United States</option> 
    <option value="13">Australia</option> 
</select> 
</div><script type="text/javascript"> 
$(function() { 
    $("#country").selectbox(); 
}); 
</script> 


<label class="inputLabel" for="email-address">Email Address:&nbsp;<span class="alert">* </span></label> 
<input type="text" name="email_address" size = "41" maxlength= "96" id="email-address" class="loginformInput" /> 

Answer 1

如果你担心键盘/导航功能的支持，你应该改为使用我的jQuery插件，SelectBoxIt。另外，关于标签索引，SelectBoxIt支持开箱即用。