在不离开页面的情况下将新项目添加到 html-select 列表。如何？答案

【问题标题】：Add a new item to html-select list without leaving the page. How?在不离开页面的情况下将新项目添加到 html-select 列表。如何？
【发布时间】：2010-10-16 05:10:27
【问题描述】：

我一直想知道在网站中向 html-select 添加新项目的最佳方式是什么。是的，这可能听起来很傻，但从可用性的角度来看，这是一个很大的问题。我不希望用户每次需要将新项目添加到 html-select 时都被带到一个新页面。

我喜欢 Google Reader 和 Gmail 在“添加文件夹”和“添加标签”功能中处理此问题的方式。我想模仿，但我不知道他们是怎么做到的。

我正在使用 jQuery，因此欢迎对插件、代码示例或教程的任何参考。我希望它尽可能模块化，以便我可以在任何地方重复使用它。

我使用 ASP.NET 3.5 网络表单、Microsoft Access 2003、jQuery、IIS 5 和 Win XP Professional 作为网络服务器。

谢谢。

【问题讨论】：

标签： asp.net jquery user-interface html-select

【解决方案1】：

有一个jquery select plugin 可以帮助您解决这个问题。我已经在客户端操作了选择列表，并且后续表单提交没有问题，但是您需要在 asp.net 上进行一些实验

【讨论】：

谢谢。这可能是我正在寻找的，因为它适用于 json。

【解决方案2】：

执行此操作的标准技术称为ajax，这基本上意味着仅替换页面的一部分。 JQuery ajax 和 tutorial 应该可以让你继续前进。

【讨论】：

【解决方案3】：

这个场景的一个常见错误是在客户端添加项目（使用 jQuery 或纯 javascript）。看起来它可能会在下一次回发之前有效。不幸的是，Asp.NET 回发模型不允许仅在客户端更改控件内容。所以基本上有两种选择：

使用 ajax（最简单的方法是使用更新面板）
做一个正常的回发以添加项目（简单和快速编码，如果性能不是一个问题 - 对于 Intranet 应用程序例如）

【讨论】：