Search Record Using Textbox

Question

I am trying to search record using testbox as while i am typing in textbox the listbox should display record as per typed text in textbox without page refresh in C# Web base ... i have try all type code but not solved kindly help me please...

Navaneeth Krishnan · Answer

if it is in jquery, then we can try below search: "txtSearch" type= "text" Placeholder= "" /> "listBox" name= "Cars" size= "5" > "Merceders" > Merceders "BMW" > BMW "Jaguar" > Jaguar "Lamborghini" > Lamborghini "Ferrari" > Ferrari "Ford" > Ford $( '#txtSearch' ).on( 'input propertychange paste' , function () { var searchText = $( this ).val() var listBoxItems = [] $( '#listBox option' ).each( function (i, item) { listBoxItems.push(item.text) }) var filterArray = listBoxItems.filter((car) => car.toLowerCase().startsWith(searchText.toLowerCase())) $( '#listBox option' ).removeClass( 'hide' ) $( '#listBox option' ).each( function (i, item) { var thisValue = item.value if (filterArray.indexOf(thisValue) == -1) { $( this ).addClass( 'hide' ) } }) }) output

Varun Setia · Answer

Hi, You must create an API. Call that api through Ajax request using jQuery or JavaScript on OnKeyPress Event API Controller [Route( "api/search/{text}" )] public IActionResult Search( string text) { //...Logic } Html Code Search: input id = "searchText" type = "text" > Your API Call from client side will look like this $(document).ready( function (){ $( "#searchText" ).keypress( function (){ let searchVal = $( this ).val(); $.ajax({ url: '/api/search/' +searchVal, method: 'GET' , success: function (response){ console.log(response); } }); }); });

Bhavesh Vankar · Answer

its not working i waht search record into listbox using textbox when i start typing tne record should be start searching...i want to find ID related mo no stored in sql server database. using c# Web. if possible please help me..

Ronika Jency · Answer

Hi, Please refer below link, https://stackoverflow.com/questions/52420520/how-to-search-listviews-items-with-textbox-in-c-sharp https://stackoverflow.com/questions/44772737/not-to-clear-textbox-on-page-reload-or-button-click-event

Search Record Using Textbox

Answers (4)