jQuery动态产生select option下拉列表
程序员文章站
2022-06-29 22:54:59
但其中没有实现动态产生select option下拉列表。
在jquery环境之下使用创建jquery对象来实现动态产生,那是很方便的事情。
在数据库中准备...
但其中没有实现动态产生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”是一个变量,即是你需要绑定的值。下面是效果演示:
以上所述是小编给大家介绍的jquery动态产生select option下拉列表,希望对大家有所帮助
上一篇: java虚拟机学习高级篇
下一篇: PS中渐变工具怎么熟练使用?
推荐阅读
-
jQuery实现动态生成年月日级联下拉列表示例
-
jQuery实现Select下拉列表进行状态选择功能
-
jQuery - 实现获取select下拉框选项的改变触发的onchange事件选择的option值
-
Jquery动态操作下拉列表(s:select)
-
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
-
jQuery动态产生select option下拉列表
-
JQuery动态添加Select的Option元素实现方法
-
jQuery动态加载和移除select下拉选项
-
jQuery动态产生select option下拉列表实现代码
-
JS & JQuery 动态添加 select option