select picker bootstrap change noneSelectedText

Mak*_*una 17 javascript jquery select twitter-bootstrap

如果未选择任何内容,是否可以更改选择选择器的消息.目前,"没有选择"是写的.我知道,noneSelectedText属性包含该消息.

但我不想在bootstrap.select.js中更改它.我想动态地改变它,因为我在不同的位置使用不同的选择选择器.

编辑:

谢谢,它有效:)

小智 36

title属性设置为您的选择:https://jsfiddle.net/56zr619d/


小智 6

就我而言,我只需要添加以下 HTML 代码:

data-none-selected-text="please select..."
Run Code Online (Sandbox Code Playgroud)

定义时<select>,我的工作代码:

<select name="..." class="..." data-none-selected-text="please select...">
<option>...</option>                    
</select>
Run Code Online (Sandbox Code Playgroud)


Anu*_*EHS 5

与帮助- 我想它的工作原理。

第一步-我们必须data-none-selected-text在HTML select标签中添加属性。例子-

<select name="your_sel_name" multiple class="form-control selectpicker" data-selected-text-format="count" data-none-selected-text >
Run Code Online (Sandbox Code Playgroud)

第二步- 页面加载中的js 使用noneSelectedText选项
示例-

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

希望对您有所帮助!