#Java Web累积#JS动态加载所有同name的select的option

项目需求：

　　某一页面，页面使用多列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;
　　}
}

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