javascript - 需要 Magic jQuery 替换 Selectbox 下拉表单元素

Question

我遇到了一个问题，在寻找解决方案几天之后，我向 Stack Overflow 寻求帮助。

我正在尝试替换标准 <select>带有文本框和包含无序列表的 Div 的下拉表单元素。我更愿意让解决方案基于 jQuery，但我对替代方案持开放态度。我发现了几个 jQuery 插件，它们几乎可以满足我的需要，但还远远不能成为我需要继续寻找的真正解决方案。

这是我想要的图像:

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).我还想用一个将在提交时使用的值填充一个隐藏的输入字段。

我正在为这个而烦恼。非常感谢任何帮助和指导!

编辑:可能值得注意的是，在后端，下拉选项将由 PHP/MySQL 填充。

Answer 1

jQuery UI 在实验室中有一个您可能会使用的选择菜单。该代码不是最终版本，但可以为您提供一些有用的东西。

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html