项目需求：
　　某一页面，页面使用多列table，每个table中有同相同的<select>，select的option不确定，根据Server端的配置来，所以option需要动态加载；

以“provServicevalueSel”为列子;
在JSP中：
一，JSP中，启动读取session：
<script type="text/javascript">

    var provType2List =<%=session.getAttribute("provType_2_list") %>;

</script>

.......................
<body>
.......................

　　<select class="cell4_item_2 forClear" autocomplete="off" name = "provServicevalueSel"">
　　</select>

........................
</body>
........................

二，检查数据：页面加载后，JS中自动启动数据检查。

　　　　若Session中没有数据，启动数据请求；若有数据，则使用数据填充option；

window.onload=function(){

    //加载列表

    loadAnalysisConfigList={

            initProvServiceData:function()

            {

                if(provType2List && provType2List.length > 1)

                {

                    RefreshProvValue(provType2List);

                    initData();

                }

                else

                {

                    GetProvListByType("2");

                }

            }

    }

    loadAnalysisConfigList.initProvServiceData();

}

三，填充option; 以”

//provServicevalue refrush

    function RefreshProvValue(provTypeList)

    {

        if(!provTypeList)

        {

            return;

        }

        $("select[name='provServicevalueSel']").each(function(n)

        {

            var provValuesel = $(this);

            provValuesel.find("option").remove();

            for(var i=0;i < provTypeList.length; i++)

            {

                provValuesel.append("<option value='"+ provTypeList[i].id+"'>"+ provTypeList[i].name +"</option>");

            }

        });

    }

或者

function RefreshProvValue(provTypeList)
{
　　if(!provTypeList)
　　{
　 　return;
　　}
　　var optionList = "";
　　for(var i=0;i < provTypeList.length; i++)
　　{
　　　　optionList += ("<option value='"+ provTypeList[i].id+"'>"+ provTypeList[i].name +"</option> \n");
　　}

　　var provSelArray = document.getElementsByName("provServicevalueSel"); 　　
　　for(var iDex = 0; iDex < provSelArray.length; iDex ++) 　　
　　{ 　　　　
　　　　provSelArray[iDex].innerHTML = optionList;
　　}
}

备注：效果是可以的，只是不知道这样写有没有什么不好,后边再巩固吧。

#Java Web累积#JS动态加载所有同name的select的option的更多相关文章

  1. 记录Js动态加载页面.append、html、appendChild、repend添加元素节点不生效以及解决办法

    今天再优化blog页面的时候添加了个关注按钮和图片,但是页面上这个按钮和图片时有时无,本来是搞后端的,被这个前端的小问题搞得抓耳挠腮的! 网上各种查询解决方案,把我解决问题的艰辛历程分享出来,希望大家 ...

  2. js动态加载以及确定加载完成的代码

    利用原生js动态加载js文件到页面,并在确定加载完成后调用相关function var otherJScipt = document.createElement("script") ...

  3. js动态加载css文件和js文件的方法

    今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns=& ...

  4. ie6,7下js动态加载图片不显示错误

    ie6,7下js动态加载图片不显示错误 先描述一下出现这种匪夷所思bug的背景: 我在页面加载的时候加载一堆小缩略图,<a href="javascript:void(0);" ...

  5. js动态加载js css文件,可以配置文件后辍，防止浏览器缓存

    js的引用,在浏览器,或微信上访问经常会遇到文件改了,但就是没有更新的问题,使用此函数可以轻松解决缓存问题只需要把js的引用方式改为使用此函数加载即可 源码如下: /** * js动态加载js css ...

  6. 【译】12. Java反射——类的动态加载和重新加载

    原文地址:http://tutorials.jenkov.com/java-reflection/dynamic-class-loading-reloading.html 博主最近比较忙,争取每周翻译 ...

  7. js动态加载数据并合并单元格

    js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...

  8. java web eclipse中项目的加载过程

    java web eclipse中项目的加载过程: Tomcat默认从WEB-INF/目录下加载资源,Eclipse在发布程序的时候,并没有把User Libraries的相关资源拷贝到WEB-INF ...

  9. JS 动态加载脚本 执行回调

    JS 动态加载脚本  执行回调 关于在javascript里面加载其它的js文件的问题可能很多人都遇到过,但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成,如果没有加载完成我们就调用文件 ...

随机推荐

  1. python基础===getattr()函数使用方法

    getattr(object, name[,default]) 获取对象object的属性或者方法,如果存在打印出来,如果不存在,打印出默认值,默认值可选.需要注意的是,如果是返回的对象的方法,返回的 ...

  2. swift中闭包的循环引用

    首先我们先创造一个循环引用 var nameB:(()->())? override func viewDidLoad() { super.viewDidLoad() let bu = UIBu ...

  3. centos安装ss教程

    在CentOS 6.6上安装ShadowSocks服务端 1.查看系统[root@localhost ~]# cat /etc/issue CentOS release 6.6 (Final) [ro ...

  4. 给mongodb设置密码权限

    昨天装了个mongodb数据库用于测试用,装好后没有密码,现在就讲讲怎么设置密码 1.首先进入C:\mongodb\bin下面运行mongod.exe启动数据库. 2.在相同目录下启动mongo.ex ...

  5. IE6下面的浮动问题

    第一个问题: 在IE6下面overflow:hidden;失效      原因:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效.   ...

  6. java中的i++与++i有什么区别？

    刚开始接触时,做了一些小测试,还以为这两个没有什么区别. public class OperatorDemo { public static void main(String[] args){ int ...

  7. Tomcat手动指定jdk路径

    Windows系统: 修改bin下的setclasspath.bat,在开头处添加: rem set specific jdkset JAVA_HOME=%CATALINA_HOME%\jdk1.8. ...

  8. 【JBPM4】创建流程实例

    示例代码: ProcessEngine processEngine = Configuration.getProcessEngine(); ExecutionService executionServ ...

  9. Vue组件之props,$emit与$on以及slot分发

    组件实例之间的作用域是孤立存在,要让它们之间的信息互通,就必须采用组件的通信方式  props用于父组件向子组件传达信息 1.静态方式 eg: <body> <div id=&quo ...

  10. ST表算法笔记

    [模板]洛谷P3865 #include<cstdio> #include<string> #include<cstdlib> #include<cmath& ...