2013-01-14 65 views
1

使用jquery插件的Im選擇屏蔽Html.Listbox作爲muli選擇工具。除了我需要更改默認文本外,它效果很好。我試着在html和jquery中設置佔位符文本。下面是相關代碼...選擇的佔位符值不會從默認值更改?

@Html.ListBox("Filter-Chooser",aList,new { @class = "chzn-select filter-chooser") 

function EnableMultiChoose() { 
    $(".chzn-select").data("placeholder", "Filter By..."); 
    $(".chzn-select").chosen(); 
} 

我也累了指定參數@placeholder =「過濾方式......」沒有avail.I've檢查HTML輸出並顯示設定佔位符屬性...

HTML格式呈現

<select class="chzn-select filter-chooser" id="Filter-Chooser" multiple="multiple" name="Filter-Chooser" placeholder="Filter By..."> 
<option value="Content">Content</option> 
<option value="Author">Author</option> 
<option value="DeckName">Deck Name</option> 
... 

如何正確指定佔位任何想法?

+0

您應該嘗試閱讀文檔。 http://harvesthq.github.com/chosen/ – Colleen

+0

(因爲你在HTML中設置錯誤,你會看到如果你已經閱讀了文檔) – Colleen

+0

@roasted,你在哪裏看到文檔中的? – Colleen

回答

10

我會幫助: 使用 「數據佔位符」 屬性。

<select class="chzn-select filter-chooser" id="Filter-Chooser" multiple="multiple" name="Filter-Chooser" data-placeholder="Filter By..."> 
+0

這應該是正確的答案,因爲它的語言是不可知的,這是最簡單的答案。 – dooburt

4

好的,通過data-placeholder屬性指定佔位符。涼。

@Html.ListBox("Filter-Chooser", aList , new Dictionary<string,Object> { {"class","chzn-select filter-chooser"}, {"data-placeholder","TEXT HERE"}}) 
0

如果您使用simple_form你會需要這樣的東西:

<%= f.input :education_ids, :label => false, :collection => Education.all, :input_html => { :data => { :placeholder => 'Education' }} %> 
-2

解決方案如下。

$("[value='Select Some Options']").val("your text"); 
+0

當用戶的語言環境更改爲其他語言時會發生什麼? – kosgeinsky

+0

我沒有嘗試過其他語言,因爲我沒有遇到這樣的要求。你可以檢查它。 –

相關問題