`

动态生成option下拉列表

json 
阅读更多
<script type="text/javascript">
function getPulldownData() {
//get Data (json format) from database
var tmpRet = {'DATA' : [{'NAME':'computer','NAME_CD':'a0001'},{'NAME':'faxmachine','NAME_CD':'a0002'}] };
//var umearray = ["aa","bb"];
if(tmpRet==null || tmpRet==undefined) {
//exception handling
}

var arr = tmpRet['DATA'];
var ret = document.createDocumentFragment();
for (var i = 0; i < arr.length; i++) {
var o = arr[i];
var newop = document.createElement("option");
newop.id = o['NAME_CD'];
newop.title=o['NAME'];
newop.value = o['NAME_CD'];
newop.appendChild(document.createTextNode(o['NAME'].substring(0,5)));
ret.appendChild(newop);
}
return ret;
}

function loadSel() {
var ret = getPulldownData();
document.getElementById("sel").appendChild(ret);
}
</script>
  </head>
<body onload = "loadSel()">
<select id="sel"></select>   
</body>
分享到：
| frame和iframe的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现动态生成select中的option

    本人写的一个html页面，用js实现从数组读数据自动生成select控件

    js操纵dom生成下拉列表框的方法

    代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... &lt;head&gt; &lt;... charset=gb2312″ /&gt; &lt;...利用dom生成下拉列表框&lt;/title&gt; &lt;/head&gt; &lt;body onload=”

    php生成过去100年下拉列表的方法

    项目中经常会用到年份选择，这段代码自动生成从今年开始的过去100年的下拉列表 &lt;select name=year&gt; &lt;?php $years = range(date(Y), date(Y, strtotime(now - 100 years))); foreach($years as $year){ ...

    JavaScript实现左右下拉框动态增删示例

    选中下拉框中的选项实现左移右移 ... &lt;option&gt;左1&lt;/option&gt; &lt;option&gt;左2&lt;/option&gt; &lt;option&gt;左3&lt;/option&gt; &lt;option&gt;左4&lt;/option&gt; &lt;option&gt;左5&lt;/option&gt; &lt;option&gt;左6&lt;/option&gt; &lt;option&gt;左7&lt;/option&gt; &lt;

    layui 根据后台数据动态创建下拉框并同时默认选中的实例

    第一步 form表单里写好一个下拉框 下拉选择框 &lt;select id=selectId name=interest lay-filter=city&...第二步 layui 加载jquery模块 动态给select添加option layui.use(['form','jquery'], function(){ //

    jquery-date-dropdowns：一个简单的，可定制的jQuery datepicker插件，可动态生成单独的“ day”，“ month”和“ year”下拉列表，并提供格式化的日期字符串以供表单提交

    configOption : configValue } ) ; 插件可以直接在输入字段或容器元素（例如&lt;div&gt; ）上初始化。 ####日期验证“日期”下拉菜单的选项会根据所选的月份自动更改。 如果在选择月份后（例如，当所选日期为31日时...

    大米CMS v7.0.0 Beta 集PC建站+手机建站系统一体化

    1、扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2、后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    大米CMS PC建站和手机建站系统

    1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    大米CMS v6.0.7 bulid0219

    大米CMS特点：1、扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段!2、后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,...

    大米CMS v6.0.7 bulid0219.zip

    1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    大米CMS 4.6 完全开源版.rar

    1.扩展字段自定义，根据自己系统需要无限扩展字段，对于SELECT等下拉选项支持PHP代码生成OPTION，支持多图多文件上传字段! 2.后台栏目分类无限极，并可以控制字段的显示或隐藏，生成不同的管理表单，方便管理 3....

    大米CMS v5.8.3 3gcms 免费手机建站系统 智能建站源码

    1、扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2、后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    大米CMS v5.8.0 3gcms 免费手机建站系统 智能建站源码

    1、扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2、后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    vue+Element中table表格实现可编辑（select下拉框）

    并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的下拉框数据也是根据id动态生成的，内容不同；有点类似于树形二级状态，后面的下拉框数据来源并没有在...

    大米CMS v5.5.3.rar

    1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC权限...

    大米CMS版本3.9 bulid11.12

    　1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 　2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC...

    大米CMS版本4.0

    　1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 　2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC...

    大米CMS版本4.5 bulid1208

    　1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 　2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC...

    大米CMS版本4.7

    　1:扩展字段自定义,根据自己系统需要无限扩展字段,对于SELECT等下拉选项支持PHP代码生成OPTION,支持自定义多图多文件上传字段! 　2:后台栏目分类无限极，并可以控制字段的显示或隐藏,生成不同的管理表单,内置RBAC...

    原生js实现仿window10系统日历效果的实例

    该日历主要实现了获取当前时间时分秒，年月日星期，动态生成选择年的select，月的select，然后根据你所选中的年月，显示该年月对应的这一个月的日期。 点击上一个月，下一个月按钮，在下拉列表中显示对应的年月。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics