应用“类型到查找的设置”时,Jquery SelectBox CSS无法正常工作

时间:2012-09-19 14:53:20

标签: jquery drop-down-menu

我正在使用Claviska Jquery Selectbox,我已经在他的Github上发布了一个问题,但还没有收到回复,我没有太多时间来解决这个问题,所以我希望有人否则可以帮助我。我需要选择type-to-find - 您可以在其中滚动选择菜单,具体取决于您选择的字母。但是当我为此应用设置时,CSS就会退出工作。

这是类型查找的代码:

$(document).ready( function() {
    $("SELECT").selectBox('settings', {
        'loopOptions': 'boolean'
    });
});

这是原始代码:

$(document).ready( function() {
    $("SELECT").selectBox();
});

CSS或表单没有什么特别之处,它只是一个非常基本的状态搜索。但无论如何它在这里。 HTML表格:

<select name="state" id="state" class="selectBox-dropdown" tabindex="7">
<option value="" selected>&nbsp;</option>
<option value="AL" >Alabama</option>
<option value="AK" >Alaska</option>
<option value="AZ" >Arizona</option>
<option value="AR" >Arkansas</option>
<option value="CA" >California</option>
<option value="CO" >Colorado</option>
<option value="CT" >Connecticut</option>
<option value="DE" >Delaware</option>
<option value="DC" >District Of Columbia</option>
<option value="FL" >Florida</option>
<option value="GA" >Georgia</option>
<option value="GU" >Guam</option>
<option value="HI" >Hawaii</option>
<option value="ID" >Idaho</option>
<option value="IL" >Illinois</option>
<option value="IN" >Indiana</option>
<option value="IA" >Iowa</option>
<option value="KS" >Kansas</option>
<option value="KY" >Kentucky</option>
<option value="LA" >Louisiana</option>
<option value="ME" >Maine</option>
<option value="MD" >Maryland</option>
<option value="MA" >Massachusetts</option>
<option value="MI" >Michigan</option>
<option value="MN" >Minnesota</option>
<option value="MS" >Mississippi</option>
<option value="MO" >Missouri</option>
<option value="MT" >Montana</option>
<option value="NE" >Nebraska</option>
<option value="NV" >Nevada</option>
<option value="NH" >New hampshire</option>
<option value="NJ" >New jersey</option>
<option value="NM" >New mexico</option>
<option value="NY" >New york</option>
<option value="NC" >North carolina</option>
<option value="ND" >North dakota</option>
<option value="OH" >Ohio</option>
<option value="OK" >Oklahoma</option>
<option value="OR" >Oregon</option>
<option value="PW" >Palau</option>
<option value="PA" >Pennsylvania</option>
<option value="PR" >Puerto Rico</option>
<option value="RI" >Rhode Island</option>
<option value="SC" >South Carolina</option>
<option value="SD" >South Dakota</option>
<option value="TN" >Tennessee</option>
<option value="TX" >Texas</option>
<option value="UT" >Utah</option>
<option value="VT" >Vermont</option>
<option value="VI" >Virgin Islands</option>
<option value="VA" >Virginia</option>
<option value="WA" >Washington</option>
<option value="WV" >West Virginia</option>
<option value="WI" >Wisconsin</option>
<option value="WY" >Wyoming</option>
</select>

2 个答案:

答案 0 :(得分:0)

$(document).ready( function() {
    $("SELECT").selectBox('settings', {
    loopOptions : true
   });
});

不要写'布尔' - 他们在示例中写道,让你知道值可以设置为true或false

我没有使用过这个插件,我不知道它是否需要字符串布尔值,或实际的布尔值,请尝试两者。

答案 1 :(得分:0)

我认为loopOptions不适用于类型查找:

loopOptions [boolean] - 允许箭头键循环选项的标志

我没有在claviska的插件中找到解决方案,但我发现插件Select2可能符合您的需求,请参阅演示:http://ivaynberg.github.com/select2/#placeholders