封装一个Array 数据 绑定 html select 方法
/**
*
* @param {} select select控件
* @param {} nodes Array数据
* @param {} value value绑定项
* @param {} text text绑定项
* @param {} prompt 选择提示信息
* @returns {}
*/
function bindSelect(select, nodes, value, text, prompt) {select.empty();if (prompt) {select.append($('<option/>', {value: '',text: prompt,selected: 'selected'}));}if (nodes && nodes.length > 0) {nodes.forEach((item) => {select.append($('<option/>', {value: item[value],text: item[text]}));});}
}
eg:
var ddlSubject = $("#ddlSubject");
/*绑定学科列表*/
GetSubjectList((ref) => {if (ref) {const subList = eval(ref.value).filter((sub) => sub.IsShow === "1");bindSelect(ddlSubject, subList, "subId", "subName", "请选择学科");}
});
ps:需要引入Jquery
封装一个Array 数据 绑定 html select 方法相关推荐
- jsjq来封装一个图片文字合成图案的方法
记录一下:封装一个图片文字合成图案的方法 这里首先做个说明 项目里使用到用canvas生成海报,在toDataURL报了这个错误Tainted canvases may not be exported ...
- 【原生】封装一个判断数据类型的函数的方法,准确判断一个数据的类型
// 判断一个数据类型的函数封装的方法,obj是用来接收传入的参数的function gettype(obj) {var type = typeof obj;if (type !== 'object' ...
- 一个可行的绑定下拉列表的方法(bind dropdownlist)
//绑定command类型的下拉列表//传入一个IList<T>类型的数据 name.i是绑定项 public List<SelectListItem> bindDropLis ...
- 送你一个Python 数据排序的好方法
摘要:学习 Pandas排序方法是开始或练习使用 Python进行基本数据分析的好方法.最常见的数据分析是使用电子表格.SQL或pandas 完成的.使用 Pandas 的一大优点是它可以处理大量数据 ...
- django jsonresponse_利用 Django 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...
- 利用 Flask 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
- 干货!Flask 动态展示 Pyecharts 图表数据的几种方法!
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
- 利用 Django 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...
- html select ajax,AJAX 动态加载后台数据 绑定select的方法
直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来 html代码 //下拉框数据动态加载 js代码 $.ajax ...
最新文章
- GNUGK 作为Gatekeeper穿透防火墙和NAT
- 5177. 【NOIP2017提高组模拟6.28】TRAVEL (Standard IO)
- win8.1自带metro应用不工作解决办法
- 数学和古典诗词的意境
- java连接ldap验证,验证用户使用LDAP登录
- Web前端开发——BAT面试题汇总及答案03
- 已锁定 java.lang.Object@25ff46f5
- DataSet与XML导入导出方法
- Linux标准化:避免重蹈UNIX的覆辙
- 计算机五大类型,操作系统目前有五大类型
- 如何在微信公众号优雅地添加代码
- 小米手机访问电脑共享文件_小米随身Wifi让手机共享电脑文件教程
- 郭天祥的10天学会51单片机_第六节
- DoIP节点连接状态管理
- Vue中video播放m3u8视频
- 金融基础知识笔记(一)
- MATLAB求解导弹运动的一些基础方法
- MongoDB 分片迁移
- 网络传输(个人整理 多网站)
- Java入门的学习方法及路线
热门文章
- Linux下部署Kubernetes+Kubesphere(一)Kubernetes基础
- 如何高效的将 DataReader 转成 ListT ?
- System.Text.Json 中的字符编码
- 成长 | 《大厂晋升指南》学习总结(上)
- C#新手该如何规划学习【学习路线指南】
- .NET Core + Kubernetes:StatefulSet
- 用 Natasha 写个类型调用的架子
- .NET Core开发实战(第24课:文件提供程序:让你可以将文件放在任何地方)--学习笔记...
- 动手造轮子:写一个日志框架
- 持续集成配置之Nuget