2012-09-19 21 views
0

我正在使用Claviska Jquery Selectbox,並且我已經在他的Github上發佈了一個問題,但尚未收到答覆,而且我沒有很多時候想要弄明白,所以我希望別人能幫助我。我需要輸入查找選項 - 您可以根據您選擇的字母表中的哪一個字母滾動選擇菜單。但是當我應用這個設置時,CSS就會停止工作。當應用類型查找設置時,Jquery SelectBox 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> 
+1

您還可以附上您的html嗎? – Mifeng

回答

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

不要寫「布爾」 - 他們寫道,在這個例子中,讓你知道該值可以設置爲true或false

我沒有用過這個插件,我不知道它是否想要一個字符串布爾值,或者實際的布爾值,試試這兩個。

+0

感謝您的回覆,不幸的是,這並沒有工作,以獲得CSS的工作。它似乎是每當我在$(SELECT)後添加'設置'.selectBox是斷點的地方。 –

+0

@nutless_neo - 編輯答案,嘗試 –

+0

呃 - 不,那也行不通。這對我來說真是個謎。我對Jquery或者這個selectBox插件並不陌生,但是我們之前從未使用過任何選項或設置,並且我不明白爲什麼會對CSS產生影響,除非JS文件中有某些內容本身。 –

0

我覺得loopOptions不是類型找到的:

loopOptions [boolean] - 標誌允許通過選項

我沒有找到claviska的插件的解決方案箭頭鍵循環,但我發現插件Select2可能適合您的需求,請參閱演示:http://ivaynberg.github.com/select2/#placeholders

+0

謝謝,但我什至不知道該插件可以選擇使用鍵盤滾動列表。如果我繼續輸入同一個字母 - 比如字母M - 它只是在文本字段中添加更多的M。 –

+0

@nutless_neo哦。我誤解了你尋找類型的含義。在Select2中,當你輸入時,它會減少下拉選擇,只有選擇與你輸入的內容相匹配。 – Mifeng

相關問題