i need a dropdown with textbox design

[thowfik]

i need a dropdown with textbox design as i attached below

1. in which dropdownlist will contain the page list and text entered in the textbox should filter the content of the page selected in the dropdown

for example : if i select a page user in the dropdown and enter the text as ram in the textbox then page should navigate to userpage and record should be filtered and display only the record of ram.

i have attached the design for the dropdownlist with searchbox kindly look at it

Thanks in advance

Regards

Thowbik

Attachment: screenshotbooks.zoho.in2019.04.23135552.png_575180e3.zip

[Prince Oliver]

Hi Thowfik, 

Greetings from Syncfusion support. 

We checked your shared image and based on our understanding we suspect that you need to filter data by typing the text directly in input box of DropDownList. If so, we have AutoComplete and ComboBox controls which suits your requirement. Please refer to the below given demo and UG links: 

AutoComplete: 

https://js.syncfusion.com/demos/web/#!/bootstrap/autocomplete/defaultfunctionalities 

https://help.syncfusion.com/js/autocomplete/overview 

ComboBox: 

https://js.syncfusion.com/demos/web/#!/bootstrap/combobox/defaultfunctionalities 

https://help.syncfusion.com/js/combobox/overview 

Also, filtering will be done based on the dataSource bound to the control and we are not clear about your exact requirement with filtering. Kindly share us clear details on your requirement along with the control which you prefer from the above links. 

Regards, 

Prince