【问题标题】:Chosen placeholder value wont change from default?选择的占位符值不会从默认值更改?
【发布时间】:2014-11-06 14:14:56
【问题描述】:

我使用 jquery 插件 Chosen 将 Html.Listbox 屏蔽为多重选择工具。它很好用,只是我需要更改默认文本。我尝试在 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 = "Filter By ..." 无济于事。我检查了 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>
...

关于如何正确指定占位符的任何想法?

【问题讨论】:

标签: jquery asp.net-mvc-3 jquery-chosen


【解决方案1】:

我会帮助: 使用“数据占位符”属性。

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

【讨论】:

  • 这应该是正确的答案,因为它与语言无关,而且是最简单的答案。
【解决方案2】:

好的,通过 data-placeholder 属性指定占位符。很酷。

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

【讨论】:

    【解决方案3】:

    如果您使用的是 simple_form,您将需要以下内容:

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

    【讨论】:

      【解决方案4】:

      解决方法如下。

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

      【讨论】:

      • 当用户的语言环境更改为另一种语言时会发生什么?
      • 我没有尝试过其他语言,因为我没有遇到这样的要求。你可以检查一下。
      猜你喜欢
      • 1970-01-01
      • 2021-05-12
      • 1970-01-01
      • 2012-05-04
      • 1970-01-01
      • 2016-10-12
      • 2018-12-19
      • 2012-10-04
      • 1970-01-01
      相关资源
      最近更新 更多