在不离开页面的情况下将新项目添加到html选择列表。怎么样?

时间:2009-03-29 09:52:32

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

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

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

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

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

感谢。

3 个答案:

答案 0 :(得分:2)

有一个jquery select plugin可能对此有所帮助。我已经操纵了选择列表客户端,并且对后续的表单提交没有任何问题但你需要做一些实验w asp.net

答案 1 :(得分:0)

执行此操作的标准技术称为ajax,这基本上意味着仅替换页面的某些部分。 JQuery ajax也许tutorial应该让你去。

答案 2 :(得分:0)

此方案的一个常见错误是在客户端上添加项目(使用jQuery或纯JavaScript)。看起来它可能会工作,直到下一个回发。不幸的是,Asp.NET post-back模型不允许仅在客户端更改控件内容。所以基本上有两种选择:

  • 使用ajax(最简单的是 使用UpdatePanel)
  • 正常 回发添加项目(简单和 快速编码,如果性能不是 问题 - 对于Intranet应用程序 例如)