从后台获取数据添加省市县三级联动的框架中、菜鸟说明法

最新推荐文章于 2026-05-10 12:40:08 发布

原创

最新推荐文章于 2026-05-10 12:40:08 发布 · 2.9k 阅读

这篇博客主要针对新手，介绍了如何在ASP.NET MVC框架下实现省市县三级联动。作者指出，在参照他人教程时需要注意city.min.js中的URL设置。通过从数据库获取数据并赋值给ViewBag.Prov, ViewBag.City, ViewBag.Dist，然后在前端使用JavaScript处理，将数据填充到三个选择框中。使用Bootstrap样式，但需根据实际项目调整代码。" 71173476,5869044,iOS与H5交互：返回页面的正确处理,"['IOS开发', 'H5开发', '交互设计', '前端框架']

asp.net MVC 做省市县三级联动，点击打开链接这里，人家已经写的很详细，只要好看看就能实现了，那里有提供下载，这里就不提供了。那为什么还在这里废话呢？

因为鄙人是菜鸟，照着别人滴一开始还是搞错。city.min.js里面的url要记得修改、不然就不行了。

我在这里主要介绍，怎么把从数据库里面读出的数据，让其显示在三个相应的select上面。鄙人菜鸟没有什么高超的本领，只能通过js去修改。首先从后台哪里获取相应的数据赋值到ViewBag.Prov,ViewBag.City,ViewBag.Dist 。然后在前端这样写（鄙人所用class都是bootstrap的，除prov,city,dist 三个外，所以切忌不可直接使用我滴这段源代码）

 <div class="control-group">
                <label class="control-label">所在地：</label>
                <input type="hidden" id="Cprov" value="@ViewBag.Prov" />
                <input type="hidden" id="Ccity" value="@ViewBag.City" />
                <input type="hidden" id="Cdist" value="@ViewBag.Dist" />
                <div class="controls" id="city">
                        <selec

最低0.47元/天解锁文章