select2如何在选择下拉菜单之后向后台发送请求

如题所述

我想实现的是一个点击下拉菜单(静态二级联动的)中的选项作为unitName传给后台,后台调用参数,将当前页面局部刷新。
如图点击沈阳市科协,在下拉列表下面就会返回出其属性

<div class="am-cf am-padding">
            <form id="submit_form" name="submit_form" method="post" action="">
                网站分类
                <script language="javascript">
                    <!--
                    var subcat = new Array();
                    var biglist = new Array('市科协', '理科学会', '工科学会', '农林学会', '医药学会', '交叉学科学会');
                    subcat[0] = new Array('0', '沈阳市科协', '沈阳市科协')
                    subcat[1] = new Array('1', '辽宁省物理学会', '辽宁省物理学会')
                    subcat[2] = new Array('1', '辽宁省力学学会', '辽宁省力学学会')
                    subcat[3] = new Array('1', '辽宁省气象学会', '辽宁省气象学会')
                    subcat[4] = new Array('1', '辽宁省地质学会', '辽宁省地质学会')
                    subcat[5] = new Array('1', '辽宁省地理学会', '辽宁省地理学会')
                    subcat[6] = new Array('1', '辽宁省海洋学会', '辽宁省海洋学会')
                    subcat[7] = new Array('1', '辽宁省地震学会', '辽宁省地震学会')
                    subcat[8] = new Array('1', '辽宁省动物学会', '辽宁省动物学会')
                    subcat[9] = new Array('1', '辽宁省昆虫学会', '辽宁省昆虫学会')
                    subcat[10] = new Array('1', '辽宁省生态学学会', '辽宁省生态学学会')
                    subcat[11] = new Array('1', '辽宁省微生物学会', '辽宁省微生物学会')
                    subcat[12] = new Array('1', '辽宁省环境科学学会', '辽宁省环境科学学会')
                    subcat[13] = new Array('1', '辽宁省野生动物保护协会', '辽宁省野生动物保护协会')
                    subcat[14] = new Array('1', '辽宁省地球物理学会', '辽宁省地球物理学会')
                    subcat[15] = new Array('1', '辽宁省生物技术协会', '辽宁省生物技术协会')
                    subcat[16] = new Array('1', '辽宁省数学会', '辽宁省数学会')
                    subcat[17] = new Array('2', '辽宁省机械工程学会', '辽宁省机械工程学会')
                    subcat[18] = new Array('2', '辽宁省电机工程学会', '辽宁省电机工程学会')
                    subcat[19] = new Array('2', '辽宁省电工技术学会', '辽宁省电工技术学会')
                    subcat[20] = new Array('2', '辽宁省水利学会', '辽宁省水利学会')
                    subcat[21] = new Array('2', '辽宁省复合材料学会', '辽宁省复合材料学会')
                    subcat[22] = new Array('2', '辽宁省制冷学会', '辽宁省制冷学会')
                    subcat[23] = new Array('2', '辽宁省自动化学会', '辽宁省自动化学会')
                    subcat[24] = new Array('2', '辽宁省计量测试学会', '辽宁省计量测试学会')
                    subcat[25] = new Array('2', '辽宁省标准化协会', '辽宁省标准化协会')
                    subcat[26] = new Array('2', '辽宁省图学学会', '辽宁省图学学会')
                    subcat[27] = new Array('2', '辽宁省计算机学会', '辽宁省计算机学会')
                    subcat[28] = new Array('2', '辽宁省通信学会', '辽宁省通信学会')
                    subcat[29] = new Array('2', '辽宁省测绘学会', '辽宁省测绘学会')
                    subcat[30] = new Array('2', '辽宁省造船工程学会', '辽宁省造船工程学会')
                    subcat[31] = new Array('2', '辽宁省航海学会', '辽宁省航海学会')
                    subcat[32] = new Array('2', '辽宁省铁道学会', '辽宁省铁道学会')
                    subcat[33] = new Array('2', '辽宁省公路学会', '辽宁省公路学会')
                    subcat[34] = new Array('2', '辽宁省航空宇航学会', '辽宁省航空宇航学会')
                    subcat[35] = new Array('2', '辽宁省兵工学会', '辽宁省兵工学会')
                    subcat[36] = new Array('2', '辽宁省金属学会', '辽宁省金属学会')
                    subcat[37] = new Array('2', '辽宁省有色金属学会', '辽宁省有色金属学会')
                    subcat[38] = new Array('2', '辽宁省腐蚀与防护学会', '辽宁省腐蚀与防护学会')
                    subcat[39] = new Array('2', '辽宁省核学会', '辽宁省核学会')
                    subcat[40] = new Array('2', '辽宁省石油石化学会', '辽宁省石油石化学会')
                    subcat[41] = new Array('2', '辽宁省可再生能源学会', '辽宁省可再生能源学会')
                    subcat[42] = new Array('2', '辽宁省土木建筑学会', '辽宁省土木建筑学会')
                    subcat[43] = new Array('2', '辽宁省纺织工程学会', '辽宁省纺织工程学会')
                    subcat[44] = new Array('2', '辽宁省印刷技术协会', '辽宁省印刷技术协会')
                    subcat[45] = new Array('2', '辽宁省仪器仪表学会', '辽宁省仪器仪表学会')
                    subcat[46] = new Array('2', '辽宁省地方供电设施管理学会', '辽宁省地方供电设施管理学会')
                    subcat[47] = new Array('2', '辽宁省烟草学会', '辽宁省烟草学会')
                    subcat[48] = new Array('2', '辽宁省振动工程学会', '辽宁省振动工程学会')
                    subcat[49] = new Array('2', '辽宁省颗粒学会', '辽宁省颗粒学会')
                    subcat[50] = new Array('2', '辽宁省消防协会', '辽宁省消防协会')
                    subcat[51] = new Array('2', '辽宁省人工智能学会', '辽宁省人工智能学会')
                    subcat[52] = new Array('2', '辽宁省质量协会', '辽宁省质量协会')
                    subcat[53] = new Array('2', '辽宁省人民防空学会', '辽宁省人民防空学会')
                    subcat[54] = new Array('2', '辽宁省包装联合会', '辽宁省包装联合会')
                    subcat[55] = new Array('2', '辽宁省互联网协会', '辽宁省互联网协会')
                    subcat[56] = new Array('2', '辽宁省分析测试协会', '辽宁省分析测试协会')
                    subcat[57] = new Array('2', '辽宁省化工学会', '辽宁省化工学会')


                    function changeselect1(locationid) {
                        for (j = 0; j < biglist.length; j++)
                            if (biglist[j] == locationid) {
                                locationid = j;
                            }
                        document.submit_form.unitName.length = 0;//初始化下拉列表,清空下拉数据
                        document.submit_form.unitName.options[0] = new Option('所有小类', '所有小类');//给第一个值
                        for (i = 0; i < subcat.length; i++) {
                            if (subcat[i][0] == locationid) {
                                document.submit_form.unitName.options[document.submit_form.unitName.length] = new Option(subcat[i][1], subcat[i][2]);
                            }//建立option
                        }
                    }
                    //-->
                </script>
                <select name="bigclass" onchange="changeselect1(this.value)">
                    <option value="所有单位" selected>所有单位</option>
                    <option value="市科协"><a href="<%=basePath%>departman/main?unitName=aaa">市科协</a></option><li></li>
                    <option value="理科学会">理科学会</option>
                    <option value="工科学会">工科学会</option>
                    <option value="农林学会">农林学会</option>
                    <option value="医药学会">医药学会</option>
                    <option value="交叉学科学会">交叉学科学会</option>
                </select>
                <select name="unitName">
                    <option value="所有小类" selected>所有小类</OPTION>
                </select>
            </form>
        </div>


    </div>
</div>

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答