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

Question

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

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

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

此输入仅在多选 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>

Answer 1

不确定你为什么要这样做

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

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

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

另一种方法是为 multi-select 添加工具提示。

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

How to change placeHolder of search textbox in the multiselect?

html

css

jquery

placeholder

kendo-ui