0

我正在使用一个插件,它将选择下拉框变成更好看的版本。但是,我刚刚注意到,当您尝试通过表单输入进行制表符时,一旦您到达这些样式选择框之一,通过制表符的能力就会停止。

这真的很糟糕,因为我在我的网站上使用了很多这样的选择框,而我只注意到了这个问题。有谁知道这是否容易解决?

该插件的代码在这里:

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" />
4

1 回答 1

0

如果您担心键盘/导航支持,您应该改用我的 jQuery 插件SelectBoxIt。此外,关于选项卡索引,SelectBoxIt 开箱即用地支持这一点。

于 2012-11-14T16:16:41.167 回答