如何通过ASP.NET MVC实现精确的区域和城市选择功能？

本文共计1979个文字，预计阅读时间需要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文件。