如何在多选中更改搜索文本框的 placeHolder？答案

【问题标题】：How to change placeHolder of search textbox in the multiselect?如何在多选中更改搜索文本框的 placeHolder？
【发布时间】：2017-12-11 14:00:57
【问题描述】：

如何更改多选中搜索文本框的占位符？

我的意思是允许您按名称搜索项目的文本区域。（附加图像）所选元素下方的一个。

带有'.k-input.k-valid"' css 类的输入。这个输入显示。

此输入仅在多选 onchange 时显示

 <div id="example" >
    <div class="demo-section k-content">
        <h4>Products</h4>
        <select id="products"></select>
    </div>
    <script>
        $(document).ready(function() {
            $("#products").kendoMultiSelect({
                placeholder: "Select products...",
                dataTextField: "ProductName",
                dataValueField: "ProductID",
                autoBind: false,
                dataSource: {
                    type: "odata",
                    serverFiltering: true,
                    transport: {
                        read: {
                            url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
                        }
                    }
                },
                value: [
                    { ProductName: "Chang", ProductID: 2 },
                    { ProductName: "Uncle Bob's Organic Dried Pears", ProductID: 7 }
                ]
            });
        });
    </script>
</div>

【问题讨论】：

请向我们展示您的代码..
另外，也许你会在docs找到它
不是那个占位符。我已经访问过文档
代码不需要。它是带有 serverFiltering 的剑道的常见多选

标签： jquery html css kendo-ui placeholder

【解决方案1】：

不知道为什么要这样做

在组件声明之后添加它以修改作为多选组件一部分的构造输入元素。

var input = $("#products").data("kendoMultiSelect").input;
input.prop("placeholder", "need more product");

输入的宽度裁剪占位符存在一些问题，因此您可能需要添加 css 以扩大或溢出（如果可以使用占位符值）。

另一种方法是为多选添加工具提示。

【讨论】：