set focus to specific dropdownlist on page laod

[Koen]

Dear,

I have a page with three dropdownlists. How can I set the focus to one specific dropdownlist?

this is one of my dropdownlists:

<ejs-combobox id="newProduct"
              dataSource="@ViewBag.products"
              allowFiltering="true"
              filtering="onfiltering">
    <e-combobox-fields value="Id" text="Name"></e-combobox-fields>
</ejs-combobox>

calling 

        window.onload = function () {
    $("#newProduct").focus();
 
}

is not working

thanks

[Narayanasamy Panneer Selvam]

Hi Koen,

 

We have validated your query. 

 

Based on your code snippet. we have prepared the sample and its working fine in our end. We suspect that you did not refer the jquery file in Layout.cshtml.  

If so please refer the below cdn in head section 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication11994721569 

 

If we misunderstood your requirement please get back us with further details like, 

1.       Issue reproducing video. 

2.       Issue reproducing sample. 

 

Regards, 

Narayanasamy P.