As we know that default dropdown list is not searchable. Simple way to create searchable in asp.net/SharePoint solution.

Problem:

01

Resolution: ( Converting simple dropdown list to searchable )

02

Add following CSS link in the page:

[code]
<link href="Content/choosen/docsupport/style.css" rel="stylesheet" />
<link href="Content/choosen/docsupport/prism.css" rel="stylesheet" />
<link href="Content/choosen/chosen.css" rel="stylesheet" />

[/code]
Add Following script link in page:
[code]
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Content/choosen/chosen.jquery.min.js"></script>
<script src="Content/choosen/docsupport/prism.js"></script>
<script src="Content/choosen/docsupport/init.js"></script>

[/code]

To change any dropdown list to searchable dropdown list:

Add “chosen-select” class to dropdown control.

[code language=”html”]
<div>
<asp:DropDownList ID="ddltest" class="chosen-select form-control" data-placeholder="Choose a Country…" runat="server">
<asp:ListItem></asp:ListItem>
<asp:ListItem>rijwan</asp:ListItem>
<asp:ListItem>satya</asp:ListItem>
<asp:ListItem>test</asp:ListItem>
<asp:ListItem>VS</asp:ListItem>
<asp:ListItem>OAD</asp:ListItem>
<asp:ListItem>ASD</asp:ListItem>
<asp:ListItem>My Request</asp:ListItem>
<asp:ListItem>reports</asp:ListItem>
</asp:DropDownList>
</div>

[/code] 

Necessary css and js file: Download

More details: Click Here !!

By Rijwan Ansari

Research and Technology Lead | Software Architect | Full Stack .NET Expert | Tech Blogger | Community Speaker | Trainer | YouTuber. Follow me @ https://rijsat.com Md Rijwan Ansari is a high performing and technology consultant with 10 plus years of Software Development and Business Applications implementation using .NET Technologies, SharePoint, Power Platform, Data, AI, Azure and cognitive services. He is also a Microsoft Certified Trainer, C# Corner MVP, Microsoft Certified Data Analyst Associate, Microsoft Certified Azure Data Scientist Associate, CSM, CSPO, MCTS, MCP, with 15+ Microsoft Certifications. He is a research and technology lead in Tech One Global as well as leading Facebook community Cloud Experts Group and SharePoint User Group Nepal. He is a active contributor and speaker in c-sharpcorner.com community, C# Corner MVP and his rank at 20 among 3+ millions members. Additionally, he is knee to learn new technologies, write articles, love to contribute to the open-source community. Visit his blog RIJSAT.COM for extensive articles, courses, news, videos and issues resolution specially for developer and data engineer.

2 thoughts on “Searchable Dropdown in SharePoint /ASP.NET”

Leave a Reply

Your email address will not be published.