/**
*
* @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 方法相关推荐

  1. jsjq来封装一个图片文字合成图案的方法

    记录一下:封装一个图片文字合成图案的方法 这里首先做个说明 项目里使用到用canvas生成海报,在toDataURL报了这个错误Tainted canvases may not be exported ...

  2. 【原生】封装一个判断数据类型的函数的方法,准确判断一个数据的类型

    // 判断一个数据类型的函数封装的方法,obj是用来接收传入的参数的function gettype(obj) {var type = typeof obj;if (type !== 'object' ...

  3. 一个可行的绑定下拉列表的方法(bind dropdownlist)

    //绑定command类型的下拉列表//传入一个IList<T>类型的数据 name.i是绑定项 public List<SelectListItem> bindDropLis ...

  4. 送你一个Python 数据排序的好方法

    摘要:学习 Pandas排序方法是开始或练习使用 Python进行基本数据分析的好方法.最常见的数据分析是使用电子表格.SQL或pandas 完成的.使用 Pandas 的一大优点是它可以处理大量数据 ...

  5. django jsonresponse_利用 Django 动态展示 Pyecharts 图表数据的几种方法

    本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...

  6. 利用 Flask 动态展示 Pyecharts 图表数据的几种方法

    本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...

  7. 干货!Flask 动态展示 Pyecharts 图表数据的几种方法!

    本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...

  8. 利用 Django 动态展示 Pyecharts 图表数据的几种方法

    本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...

  9. html select ajax,AJAX 动态加载后台数据 绑定select的方法

    直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来 html代码 //下拉框数据动态加载 js代码 $.ajax ...

最新文章

  1. GNUGK 作为Gatekeeper穿透防火墙和NAT
  2. 5177. 【NOIP2017提高组模拟6.28】TRAVEL (Standard IO)
  3. win8.1自带metro应用不工作解决办法
  4. 数学和古典诗词的意境
  5. java连接ldap验证,验证用户使用LDAP登录
  6. Web前端开发——BAT面试题汇总及答案03
  7. 已锁定 java.lang.Object@25ff46f5
  8. DataSet与XML导入导出方法
  9. Linux标准化:避免重蹈UNIX的覆辙
  10. 计算机五大类型,操作系统目前有五大类型
  11. 如何在微信公众号优雅地添加代码
  12. 小米手机访问电脑共享文件_小米随身Wifi让手机共享电脑文件教程
  13. 郭天祥的10天学会51单片机_第六节
  14. DoIP节点连接状态管理
  15. Vue中video播放m3u8视频
  16. 金融基础知识笔记(一)
  17. MATLAB求解导弹运动的一些基础方法
  18. MongoDB 分片迁移
  19. 网络传输(个人整理 多网站)
  20. Java入门的学习方法及路线

热门文章

  1. Linux下部署Kubernetes+Kubesphere(一)Kubernetes基础
  2. 如何高效的将 DataReader 转成 ListT ?
  3. System.Text.Json 中的字符编码
  4. 成长 | 《大厂晋升指南》学习总结(上)
  5. C#新手该如何规划学习【学习路线指南】
  6. .NET Core + Kubernetes:StatefulSet
  7. 用 Natasha 写个类型调用的架子
  8. .NET Core开发实战(第24课:文件提供程序:让你可以将文件放在任何地方)--学习笔记...
  9. 动手造轮子:写一个日志框架
  10. 持续集成配置之Nuget