Clear the selection of a DropDownList

[Alumind]

Hello,

I have a page that is correctly populating a DropDownList with a list of customers as shown below:

 

 <kendo-dropdownlist for="CustomerIdValue"
                                    name="customers"
                                    filter="FilterType.Contains"
                                    placeholder="Select customer"
                                    datatextfield="Display"
                                    datavaluefield="Value"
                                    style="width: 100%;">
                    <datasource type="DataSourceTagHelperType.Custom">
                        <transport>
                            <read url="@Url.Action("CustomersInternal_GET", "User")" />
                        </transport>
                    </datasource>
                </kendo-dropdownlist>

Unfortunately the dropdownlist be default selects the first customer in its list.

I _don't_ want the dropdown to have a selected item when the page loads. In this particular form I want the user to be forced to select a customer. How do I 1) get the initial load to not select an item 2) check the user has selected a customer from the list before I enable the Submit button.

 

Yes, a user MUST be forced to actually choose a customer from the dropdownlist.

Thank you kindly!

[Stoyan]

Hi Peter,

To ensure the DropDownList doesn't have a value initially, I would recommend you to configure its option-label property. It will replace the null value of the Component.

 option-label="Enter a name"

Please review the following REPL for a runnable sample of the above.

Then you can use the Kendo UI Validator to prompt the user to enter a value and to prevent the form submission, if the validation fails.

I hope the information above is useful. Please don't hesitate to let me know, should further questions occur.

Regards,
Stoyan
Progress Telerik