宝哥软件园

JavaScript实现将数组数据添加到挑选下拉框的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

本文实例讲述了Java脚本语言实现将数组数据添加到挑选下拉框的方法。分享给大家供大家参考。具体如下:

这里演示将数组中的数据添加到挑选下拉菜单中的效果,当你点击下拉框的时候,就动态加载了数据,更换挑选内容的时候,直接替换数组中的内容就可以了。适合前端设计者实现前台的部分本地化脚本操作。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-array-add-select-data-codes/

具体代码如下:

!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML;charset=gb2312'title将数组中的数据添加到下拉菜单中/titlestyle type='text/css '!-.style 1 { color : # FFFFFF }-/style脚本类型=' text/JavaScript ' var counts;计数=0;arr=新数组(' JavaScript与ASP ',' JavaScript与“JSP”、“JavaScript”与ASP . NET ',' JavaScript与PHP’);计数=arr.length函数my select(){ var I;for(I=0;我数;I){文档。表格1。出售。选项[I]=新选项(arr[I],I);} }/script/head dytable width=' 280 ' height=' 160 ' border=' 0 ' align=' center '单元格边距=' 5 '单元格间距=' 0 ' tr TD height=' 34 ' align=' center ' span class=' style 1 ' style=' font-weight : bold '将数组中的数据添加到下拉菜单中/span/TD/tr TD align=' center ' valgn=' top ' bgcolor=' # 9ACCFF '表单名称='表单1 '表格宽度='235 '高度='69 '边框='0 '对齐='中心'单元格填充='0 '单元格间距='0' tr td高度='21 '选择名称=' sel ' id=' sel ' onFocus=' Imei()'/select/TD/tr TD高度=' 120 '/TD/tr/表格/表单/TD/TD希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+