Breaking News: Grepper is joining You.com. Read the official announcement!

searchable dropdown c#

Matt answered on July 21, 2023 Popularity 6/10 Helpfulness 6/10

answer searchable dropdown c#

searchable dropdown c#

Comment

Select2 is a great solution to a searchable dropdown menu inside C#. You will need to use Jquery in order for it work. The code looks like this:

The C# code below is the generation of the Select Element for the web page

<label asp-for="Select" class="form-label">Select</label>
<select asp-asp-for="Select" class="form-select searchable-dropdown" required="true" aria-required="true">
	<option>Select Default Option</option>
	@foreach (var item in Model.SelectItems)
	{
		<option value="@item.ID">@item.Name</option>
	}
</select>

The JS code below is what will turn this into a searchable dropdown menu

$('.searchable-dropdown').each(function () {
	$(this).select2({
		width: $(this).data('width') ? $(this).data('width') : $(this).hasClass('w-100') ? '100%' : 'style',
        placeholder: $(this).data('placeholder'),
        allowClear: Boolean($(this).data('allow-clear')),
    });
});

Popularity 6/10 Helpfulness 6/10 Language csharp

Source: Grepper

Tags: c# searchable-dropdown

Link to this answer
Share Copy Link

Contributed on Jul 21 2023

Matt

0 Answers Avg Quality 2/10

searchable dropdown c#

Contents

More Related Answers

searchable dropdown c#

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.