選択したドロップダウンボックスをより見栄えの良いバージョンに変えるプラグインを使用しています。ただし、フォーム入力をタブで移動しようとすると、これらのスタイル付き選択ボックスの 1 つに到達すると、タブで移動する機能が停止することに気付きました。
私は自分のサイトでかなりの数のセレクトボックスを使用していて、この問題にしか気付いていないので、それは本当に悪いことです。これが簡単に修正できるかどうか、誰にも分かりますか?
プラグインのコードは次のとおりです。
http://code.google.com/p/select-box/issues/list
コード:
<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: <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: <span class="alert">* </span></label>
<input type="text" name="email_address" size = "41" maxlength= "96" id="email-address" class="loginformInput" />