Filtering html select listbox items

The efficient way of filtering select list box items may be achieved using JQuery

$(function(){
    $('#filterInput').keyup(function () {
        doFilter(this);
    });
});

 /* filter method */
function doFilter(item) {
    $(item).val($(item).val().toUpperCase());
    var valFilter = $(item).val();
    var valFilter2 = null;
    if ($(item).val().length > 2)
        valFilter2 = $(item).val();
    $('#listItems>option').each(function () {
        var text = $(this).text();
        (text.indexOf(valFilter) == 0 || (valFilter2 != null && text.includes(valFilter2) == true)) ? $(this).show() : $(this).hide();
    });
}


Comments

Post a Comment

Popular posts from this blog

Custom ActionResult for Files in ASP.NET MVC - ExcelResult

An action result is the standard result from an action.  Action results handle the execution of the result requested by an action method.  Although standard action results FileContentResult and FileStreamResult may be used for downloading files that are generated on the fly, creating a custom action result might be the best solution. For situations that are not supported by  standard action results, we may create custom action results. For example w e may create custom  action result for creating PDF, Excel or Word files on the fly for download or generating and returning images.  Creating a new custom action result requires that our class inherit the abstract class  System.Web.Mvc. ActionResult and override the  ExecuteResult method. As an example let's create a custom action result for exporting data to Excel files on the fly for download. We are using FastMember package for creating DataTable from IEnumerable object and ClosedXML package ...
Read more

Human Captcha (Not Robot) React Component with .Net Core WebApi Backend

Image
A captcha is a challenge response test to determine whether or not the user is human. We may create a React human captcha component with a .Net Core Web API back-end.  Back-end Our back-end is ASP.Net Core Web API 3.1. Back-end will generate a truly random alpha-numeric captcha value, creates a binary image using System.Drawing namespace. Back-end will verify the user input value against the generated value and  return an authentication Token to be used in Forms. The method that generates a random captcha value and creates a binary image is as follows:         /// <summary>         /// generate captcha image         /// </summary>         /// <param name="size">alphanumeric length of the captcha</param>         /// <returns>image properties and image binary data</returns>         private async Task<CaptchaImage> gener...
Read more