项目需求：
　　某一页面，页面使用多列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自动开发之第二十四天（Django）

    一.ModelForm操作及验证 1.class Meta:class Meta: #注意以下字段不能加逗号 model = models.UserInfo #这里的all代指所用的字段,也可以是一个 ...

  2. jmeter===JMeter 中Random 随机函数的使用（转）

    原文:http://blog.csdn.net/dreamtl/article/details/68952272 场景:在做接口测试时,比如说要求用户的手机号码不允许重复,那此时可以通过Random ...

  3. nginx源码分析--使用GDB调试（strace、 pstack ）

    nginx源码分析--使用GDB调试(strace.  pstack ) http://blog.csdn.net/scdxmoe/article/details/49070577

  4. c++设计模式系列----factory模式

    问题: 假设我们要开发一个游戏--打怪物,首先,游戏有分等级,假设有初级,中级两个个等级(就不用flappy bird模式了,那个比较特殊,对一个玩家来说是难以具有持久吸引力的!),不同的等级怪物也是 ...

  5. java多线程以及Android多线程

    Java 多线程 线程和进程的区别 线程和进程的本质:由CPU进行调度的并发式执行任务,多个任务被快速轮换执行,使得宏观上具有多个线程或者进程同时执行的效果. 进程:在操作系统来说,一个运行的程序或者 ...

  6. JS判断客户端是否是iOS或者Android手机移动端

    var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > - ...

  7. CF868F Yet Another Minimization Problem

    题目描述: 给定一个序列,要把它分成k个子序列.每个子序列的费用是其中相同元素的对数.求所有子序列的费用之和的最小值. 输入格式:第一行输入n(序列长度)和k(需分子序列段数).下一行有n个数,序列的 ...

  8. setTimeout(fn,0)

    我们都知道setTimeout是一个延迟执行的函数 console.log(); setTimeout(function(){console.log();},); console.log(); 会得到 ...

  9. 深度学习开源工具——caffe介绍

    本页是转载caffe的一个介绍,之前的页面图都down了,更新一下. 目录 简介 要点记录 提问 总结 简介 报告时间是北京时间 12月14日 凌晨一点到两点,主讲人是 Caffe 团队的核心之一 E ...

  10. 【转载】Web开发技术发展历史-版本2

    原文在这里. Web开发的发展史 导读:Arunr 把过去 15 年以来,Web开发从最初的纯 HTML 到 CGI.PHP\JSP\ASP.Ajax.Rails.NodeJS 这个过程简要地进行了介 ...