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支持開箱即用。