jQuery动态产生select option下拉列表


Posted in Javascript onMarch 15, 2017

但其中没有实现动态产生select option下拉列表。

在jQuery环境之下使用创建jQuery对象来实现动态产生,那是很方便的事情。

 在数据库中准备一些数据:

jQuery动态产生select option下拉列表

存储过程:

jQuery动态产生select option下拉列表

开发ASP.NET MVC,实现程序,少不了model:

jQuery动态产生select option下拉列表

现创建一个实体Entity,即是与数据库通讯:

jQuery动态产生select option下拉列表

接下来,你可以创建获取数据集的方法,让前端jQuery执行的方法:

jQuery动态产生select option下拉列表

ok,一切准备就绪。

创建一个select对象:

$selectCity = $('<select />').attr({ name: 'city', class: 'selectcity' });

你可以创建一个空的option:

$("<option></option>", { value: "", text: "" }).appendTo($selectCity);

从数据库读出来的数据,现可以动态产生option:

jQuery动态产生select option下拉列表

如果你需要在显示时,绑定一个选择值,那怎样实现呢?很简单的,在$.each时,判断一下:

jQuery动态产生select option下拉列表

上面的“3”是一个变量,即是你需要绑定的值。下面是效果演示:

jQuery动态产生select option下拉列表

以上所述是小编给大家介绍的jQuery动态产生select option下拉列表,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE JS编程需注意的内存释放问题
Jun 23 Javascript
JS 文件本身编码转换 图文教程
Oct 12 Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 #Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 #Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 #Javascript
利用vue.js插入dom节点的方法
Mar 15 #Javascript
js实现彩色条纹滚动条效果
Mar 15 #Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 #Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 #Javascript
You might like
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
tagName的使用,留一笔
2006/06/26 Javascript
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
JS实现根据用户输入分钟进行倒计时功能
2016/11/14 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
webpack4.x打包过程详解
2018/07/18 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
2019/09/24 Javascript
Windows上node.js的多版本管理工具用法实例分析
2019/11/06 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
关于Python数据结构中字典的心得
2017/12/04 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Python装饰器原理与简单用法实例分析
2018/04/29 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
python标识符命名规范原理解析
2020/01/10 Python
怎样写留学自荐信
2013/11/11 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
中专生的个人自我评价
2013/12/11 职场文书
销售顾问岗位职责
2014/02/25 职场文书
初中班主任寄语
2014/04/04 职场文书
2014年学前班工作总结
2014/12/08 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
退休职工欢送会致辞
2015/08/01 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
创业计划书之熟食店
2019/10/16 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP