web-dev-qa-db-ja.com

select picker bootstrap change noneSelectedText

何も選択されていない場合、選択ピッカーのメッセージを変更することは可能ですか？今のところ「何も選択されていません」と書かれています。 noneSelectedText属性にはそのメッセージが含まれています。

しかし、bootstrap.select.jsで変更したくありません。別の場所で別の選択ピッカーを使用しているため、動的に変更したいと思います。

編集：

ありがとう、動作します:)

javascriptjquerytwitter-bootstrapselect
18
Makuna

title属性を選択に設定します。

<select multiple title="Empty" class="selectpicker">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

<select multiple title="No Value" class="selectpicker">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

$('.selectpicker').selectpicker();

JSFiddle

29
Mariya Steksova

- this の助けを借りて、うまくいきました。

最初のステップ-HTML選択タグにdata-none-selected-text属性を追加する必要があります。例-

<select name="your_sel_name" multiple class="form-control selectpicker" data-selected-text-format="count" data-none-selected-text >

2番目のステップ-jsでpage loaduse noneSelectedTextオプション
例-

$(".selectpicker").selectpicker({
        noneSelectedText : 'Please Select' // by this default 'Nothing selected' -->will change to Please Select
    });

それが誰かの助けとなることを願っています！

4
Anurag_BEHS