jQuery UI Autocomplete

banner ad We are excited to announce that the ASP.NET Forums are moving to the new Microsoft Q&A experience. Learn more > Search .NET AboutLearnArchitectureDocsDownloadsCommunity ASP.NET Forums/General ASP.NET/ASP.NET Web Pages/Dropdown list with user input Dropdown list with user input RSS 4 replies Last post Sep 23, 2014 07:38 PM by jw7965 ‹ Previous Thread|Next Thread › PrintShare Shortcuts Active Threads Unanswered Threads Unresolved Threads Support Options Advanced Search Related Links Guidance Samples Videos Reply jw7965jw7965 Member 25 Points 85 Posts Dropdown list with user input Sep 22, 2014 02:33 PM|LINK I would like to allow the user to select a name from a dropdown list or type in a new name. My code so far is below, but I can't find a why to adopt this to allow user override: Assigned To: WEBMATRIX Reply MikesdotnettingMikesdotnett... All-Star 194677 Points 28093 Posts Moderator Re: Dropdown list with user input Sep 22, 2014 03:09 PM|LINK HTML doesn't provide a combo box (drop down combined with user input). You will have to either create your own from CSS and JavaScript or find one that's already been done. A similar question here offers some possible solutions: http://stackoverflow.com/questions/8180890/drop-down-with-free-input WEBMATRIX ASP.NET Tutorials | Learn Entity Framework Core | Learn Razor Pages | Learn Dapper Reply jw7965jw7965 Member 25 Points 85 Posts Re: Dropdown list with user input Sep 22, 2014 05:52 PM|LINK Hi Mike. I see you're still live and kicking and still active in the forums. :) I did see that one, and this one too, which seems a little neater, to me anyway : http://forums.asp.net/t/1837041.aspx?Drop+down+list+to+input+text+box My problem is I'm struggling with converting the JavaScript code from these simple declared select lists to work with the code that populates a list from database. WEBMATRIX Reply MikesdotnettingMikesdotnett... All-Star 194677 Points 28093 Posts Moderator Re: Dropdown list with user input Sep 23, 2014 03:14 AM|LINK There's an example of a combo-box here: http://jqueryui.com/autocomplete/#combobox but it doesn't allow free form text. However, with a minor modification, it can be made to work. Here's a full page example that connects to the Northwind database: @{ var db = Database.Open("Northwind"); var data = db.Query("SELECT ProductId, ProductName FROM Products"); } jQuery UI Autocomplete - Combobox

@Request.Form["combobox"]

There are two modifications to the jQuery source code: the first adds a name attribute to the underlying textbox so that the posted value can be obtained in server code; and the second comments out the section of code following the remove invalid values comment which resets the textbox to an empty string if the typed in value is not found in the data. That is what allows the user to enter any value they like. WEBMATRIX ASP.NET Tutorials | Learn Entity Framework Core | Learn Razor Pages | Learn Dapper Reply jw7965jw7965 Member 25 Points 85 Posts Re: Dropdown list with user input Sep 23, 2014 07:38 PM|LINK Thanks for your response Mike. Your great help is appreciated, as always. I wasn't overly keen on trying to implement a lengthy solution, so I went back to try this one again http://forums.asp.net/t/1837041.aspx?Drop+down+list+to+input+text+box Eventually I was able to modify it to suit my needs. Regards. WEBMATRIX ‹ Previous Thread|Next Thread › This site is managed for Microsoft by Neudesic, LLC. | © 2021 Microsoft. All rights reserved. Privacy Statement|Terms of Use|Contact Us|Advertise with Us|Hosted on Microsoft Azure Feedback on ASP.NET|File Bugs|Support Lifecycle