如何用ASP.NET MVC快速实现长尾关键词的城市或区域选择？

本文共计1966个文字，预计阅读时间需要8分钟。

在万得影城网上购票时，通常会在左上角选择城市和影院功能。今天，我将在ASP.NET MVC中实现这一功能。最佳方案是开发一个插件，但我在这一领域的经验不足。如果贵公司需要这方面的支持，可以考虑。

每次在"万达影城"网上购票总会用到左上角选择城市的功能。如下：

今天就在ASP.NET MVC中实现一下。我想最好的方式应该是写一个插件，但自己在这方面的功力尚欠缺，如果大家在这方面有好的解决方案，希望在这一起交流，那将会更好。

大致思路如下：

• 点击"更换"弹出div，用bootstrap来实现
• div中的tabs，用jqueryui来实现
• tab项中的城市，用jquery.tmpl.min.js模版来实现

有关城市的Model：

public class City { public int Id { get; set; } public string Name { get; set; } public string FirstLetter { get; set; } }

在Shared文件夹下的_Layout.cshtml中，引用jquery, jqueryui, bootstrap相关的css和js文件。