动态产生select option列表
2018-06-22 06:10:04来源：未知 阅读 ()
在很久之前，Insus.NET刚学习前端时，有写过《动态创建一些常的html标签》http://www.cnblogs.com/insus/p/3741665.html
但其中没有实现动态产生select option下拉列表。
在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便的事情。
在数据库中准备一些数据：
存储过程：
开发ASP.NET MVC，实现程序，少不了model:
现创建一个实体Entity，即是与数据库通讯：
接下来，你可以创建获取数据集的方法，让前端jQuery执行的方法：
ok,一切准备就绪。
创建一个select对象：
$selectCity = $('<select />').attr({ name: 'city', class: 'selectcity' });
你可以创建一个空的option:
$("<option></option>", { value: "", text: "" }).appendTo($selectCity);
从数据库读出来的数据，现可以动态产生option:
如果你需要在显示时，绑定一个选择值，那怎样实现呢？很简单的，在$.each时，判断一下：
上面的“3”是一个变量，即是你需要绑定的值。下面是效果演示：
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- .NET CORE动态调用泛型方法详解 2019-12-31
- WPF气泡提示框的简单制作 2019-12-08
- C#反射技术的简单操作 2019-09-17
- 基于ASP.NET的Web动态控件创建 2019-06-16
- 基于asp.net的web页面动态控件创建以及使用 2019-06-16
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
