Hello!

I'm stuck on a problem and, after what seems like days of searching for a solution, I'm reaching out to Stack Overflow for help.

I'm trying to replace a standard dropdown form element with a Textbox and a Div containing an unordered list. I'd prefer to have the solution be based on jQuery, but am open to alternatives. I've found a couple jQuery plugins that -almost- do what I need, but are far enough from being a real solution that I need to keep looking.

Here's an image of what I'm going for:

I'd like the dropdown to look as pictured, and when an element is selected (with mouse or keyboard), have just the first line handed back into the textbox (and not be editable). I'd also like to populate a hidden input field with a value that will be used on Submit.

I'm pulling my hair out over this one. Any help and guidance will be most appreciated!

Thanks!

~PF