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

时间:2012-11-13 23:56:29

标签: javascript jquery

我正在使用一个插件,将选择下拉框变成更好看的版本。但是,我刚刚注意到,当您尝试通过表单输入进行制表时,一旦进入其中一个样式选择框,就可以选择停止。

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

插件的代码在这里:

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

1 个答案:

答案 0 :(得分:0)

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