如何更改selectize.js下拉列表的占位符?

冰箱

我想在父下拉菜单更改其选择以加载要更改其占位符的下拉菜单的选项时更改由selectize.js创建的下拉菜单的占位符。文档中没有方法可以做到这一点。

绿洲出逃

不知道selectize是否在继续更改其代码,或者该线程上的所有其他用户是否只是在吹嘘,但所有这些答案似乎都是错误的,但是如果您将每个答案的正确部分组合在一起,那么最终会发现这对我有用。

        var textHandler = function(name) {
        return function() {
            if(name == 'focus'){                    
                jQuery("select#myid + .selectize-control").find("input:text").prop({"placeholder": ""});
            }
        };
    };
    jQuery('#sf159_textsearchtextsearch').selectize({
        closeAfterSelect: true,
        hideSelected    : true,
        createOnBlur    : true,
        openOnFocus     : true,
        maxOptions      : 10,
        persist         : true,
        placeholder     : "Neighborhood, Street, School, Zip, MLS",
        plugins         : ['remove_button'],
        valueField      : 'id',
        labelField      : 'text',
        searchField     : 'value',
        options         : [],
        create          : false,
        render          : {
            option: function (item, escape) {
                //console.log(item);
                var address = '';
                var keyword = '';
                var tx = item.text.split(',');
                for (var i = 0, n = tx.length; i < n; i++) {                        
                    address += '<span class="span4">' + escape(tx[i]) + '</span>';                      
                }
                var template = '<div>' +
                        '<div class="row-fluid"> ' + address + ' </div>' +
                        '</div>';
                return template;
            }
        },
        load            : searchHandler,
        onKeydown       : keyHandler,
        onDelete        : deleteHandler,
        onFocus         : textHandler('focus'),
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用自定义外观列表在列表下拉列表中隐藏选择占位符

来自分类Dev

selectize.js 占位符宽度问题

来自分类Dev

如何清除Selectize.js下拉列表中的选定值?

来自分类Dev

从下拉列表中选择选项后,搜索框占位符文本应更改

来自分类Dev

如何使用静态占位符和自定义图标构建引导下拉列表

来自分类Dev

selectize.js重新加载下拉列表

来自分类Dev

在下拉菜单中更改占位符的颜色

来自分类Dev

如何为下拉菜单添加占位符

来自分类Dev

如何滑动Selectize.js下拉菜单?

来自分类Dev

如何滑动Selectize.js下拉菜单?

来自分类Dev

Angular + Kendo:下拉列表的默认占位符

来自分类Dev

表单下拉列表的占位符选择类型?

来自分类Dev

下拉列表中的MVC占位符

来自分类Dev

Selectize.js getAdjacentOption()如何工作?

来自分类Dev

用Flask填充Selectize.js下拉列表

来自分类Dev

如何使用javascript更改占位符的颜色?

来自分类Dev

如何更改文本区域的占位符?

来自分类Dev

如何通过设备更改控件的占位符?

来自分类Dev

如何更改<input />的占位符颜色?

来自分类Dev

如何更改外部加载的表单的占位符?

来自分类Dev

如何通过 JS 的 DOM 将占位符附加到按钮?

来自分类Dev

如何更改更改事件下拉列表的值?

来自分类Dev

JS下拉列表对更改无反应

来自分类Dev

如何喂占位符?

来自分类Dev

如何指定或占位符

来自分类Dev

HTML更改占位符方向

来自分类Dev

动态更改Quill占位符

来自分类Dev

动态更改占位符文本

来自分类Dev

从数组更改占位符文本