修改占位符- Jquery Sumoselect -下拉菜单
Modify placeholder - Jquery Sumoselect - Dropdown
我在我的应用程序中使用插件Jquery SumoSelect Multi Select,我想知道如何切换占位符一个选择实例被重新加载。
我通过AJAX在"select"实例中加载新选项,但占位符保持与开始时设置的相同。
HTML选择<Select id = "c_ba" multiple = "multiple" disabled> </select>
实例 $("#C_ba").SumoSelect ({
placeholder "Neighborhoods", //initial placeholder
okCancelInMulti: true,
selectAll: true
});
在另一个Select中,我重新输入上面的Select:
$('#C_ci').Change(function (e) {
SelectValue var = $(this).val();
$ .ajax ({
type: 'GET'
url: 'rotinas.asp'
date: "action = carrega_bairros & cod_cidade = '+ SelectValue,
success: function (html) {
var str = html;
var arr = str.split ("###");
arraux var = new Array ();
var select = $("#c_ba"); //html select initial
var options = '';
select.css ({'display', 'none'});
select.empty ();
if (str! = '') {
for (var x = 0; x <arr.Length; x ++) {
arraux = arr [x] .Split ("...");
options + = "<option value = '" + arraux [0] + "'>" + arraux [1] + "</ option>";
}
select.append (options);
select [0] .sumo.enable (); // Enable the SUMO SELECT
select [0] .sumo.reload (); // Reload With news options loads
// Here I would like to exchange the original placeholder "Neighborhoods" to the following placeholder (eg.): "Select the Neighborhoods"
} Else {
select [0] .sumo.disable ();
select [0] .sumo.reload ();
}
},
error: function (e) {
// Called When there is an error
console.log (e.Message);
}
});
根据Sumoselect的文档,选择标记中的本地占位符属性具有最大的优先级。因此,您可以在重新加载sumoselect之前更改select标记的占位符属性(使用jQuery attr()方法)。
select.append(options);
select.attr("placeholder","Select the Neighborhoods");
select[0].sumo.enable();
select[0].sumo.reload();
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 如何将JSON转换为HTML下拉菜单
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 基于下拉菜单创建开关
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- JavaScript下拉菜单-部件在Mac上消失
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- 从选择下拉菜单中获取数据
- Bootstrap下拉菜单不起作用
- 修改占位符- Jquery Sumoselect -下拉菜单