jsp页面加载的时候，从后台获取数据，页面加载完成之后，下拉列表中已经有值

最新推荐文章于 2025-10-17 12:06:36 发布

原创最新推荐文章于 2025-10-17 12:06:36 发布 · 8.1w 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#jsp中通过js动态生成下拉列表获取后台

web前段专栏收录该内容

10 篇文章

订阅专栏

本文介绍了在jsp页面中如何实现在页面加载完成后下拉列表已有数据的场景。通过在<body>标签中设置onload事件，调用fun()函数，利用ajax从后台获取json数据，遍历并动态生成下拉列表的option元素。

在jsp中，我们经常会遇到这种情况：当页面加载完成之后，下拉列表中已经有数据，这是怎么实现的呢？

下面作以详解：

1.<body onload="fun()">：在jsp的body里面有个onload事件，这个事件是在页面加载的时候起监听作用，调用某个函数（例如fun()函数)。因此我们可以通过fun函数从后台获取数据，显示在下拉列表中；

2.fun()函数怎么写呢：可以通过ajax技术，从后台获取数据（数据格式可以是json格式或其他，本人倾向于json格式），通过解析，放在下拉列表中，代码如下：

     <script >
	   function fun(){	<pre name="code" class="javascript">             $.ajax({
	  	    type:"POST",
	            url: "statisticInfo_getCategorys.do?id=" + id,//请求的url，问号后面是所带的参数；
	            dataType:'json',
	            async:false,
	            success:function(data){
		            data = eval(data.root);//必须通过eval函数才能解析成json数据，否则会报错
	            }
	    }); 
	 }

</script>
ps：a.获取的json数据必须通过eval函数才能转化为真正的json数据,因为json数据格式本身就有一个大括号{}，
如果不转的话，js会把数据当成一个语句块执行，转了之后才能当成表达式执行；
b.我们在后台获取的json数据格式一定要正确，否则不会执行到success:function(data){}；里面。大家可
以把后台获取的json数据打印出来放到json在线解析中验证一下是否正确；在线解析地址：
http://www.sojson.com/index.html
c:凡是字符串的一定带上双引号，数字的就没必要；
例如：

3.通过第二步已经获取到了json数据，那我们如何解析呢：

观察json数据，凡是用[ ]框起来的就算是一个数组，既然是数组就可以对数组进行遍历（第二步经过eval 得到的data）：

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

alert(data[i].name);

alert(data[i].id)

}

4.数据已经放到js页面，我们可以动态生成下拉列表：

a.select写成固定形式；

//注意：在事件中如果要调用两个函数，要用分号隔开，但是两个函数执行有先后顺序；

b.option动态生成：因为一个select中可以包含很多option（要根据后台获取的数据确定大小）

<pre name="code" class="html">       data = eval(data.root);
       var selection= document.getElementById("category");
       var firstOption=document.createElement("option");//创建
       firstOption.value = "-1";  
       firstOption.text = "--please select--";  
       selection.appendChild(firstOption);
       for (var i = 0; i < data.length; i++){
	 var _option = document.createElement("option");  
	 if(i == 0){
	   _option.selected = 1; 
	 }
	 _option.value = data[i].id;     <pre name="code" class="javascript"><pre name="code" class="html">         _option.text= data[i].name; 
	 selection.appendChild(_option);  
       }
   <span style="background-color: rgb(255, 255, 255);"> <span style="color:#3366FF;"><strong>5.当我们点击下拉列表中的某一项时，如何得到所选中的项的id和text呢？当然下拉列表的select中有onchange
      事件，当我们选中某项时会触发onchange事件，调用某个函数（例如：onchange="fun3()");</strong></span></span>
      a. 在fun3函数中获取value值（即生成的id号）：
        var Id = document.getElementById("select中设置的id号，例如上面的" ).value;
      b. 在fun3中获取text的值：我们可以把下拉列表想象成一个数组，以此获取text值：
        var s = document.getElementById("category")；
        var name = s[s.selectedindex].text;
   <span style="color:#3333FF;"><strong> 6.上传jsp中的代码作以参考：</strong></span>   <pre name="code" class="html"><%@ page language="java" import="java.util.*"
	contentType="text/html;charset=UTF-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<head>
  <script>
    var apkId = new Array();
	var downNumPerApk = new Array();
	var apkName = new Array();
	var data1 = null;
	var data2 = null;
	var categoryId = null;
  	function fun(){
  		/*加载下拉列表中的值*/
  		apkId = [];
     	        apkName = [];
     	        downNumPerApk = [];
  		//获取被选中的项的value；
  		 categoryId = document.getElementById("category").value;
  		//获取每个类别对应的apkid
  		 $.ajax({
             type:"POST",
             url:"statisticInfo_getSpecificApkId.do?categoryId=" + categoryId,
             dataType:'json',
             async:false,
             success:function(data){
            	apkId = [];
            	apkName = [];
            	data1 = eval(data.root);
            	data2 = eval(data.root2);
             	for (var i = 0; i < data1.length; i++){
             		apkId.push(data1[i].key);
             		apkName[data1[i].key] = data2[i].key;
             	}
             }
  	 });
</script>

</head>
<body onload="fun1();fun();totalApkOfPerCategory()">
   <!--下拉列表-->
   <tr>
     <td>
       <select id="category" onchange="fun();totalApkOfPerCategory()"></select>
     <td/>
   </tr>   
</body>
</html>
附图：
<img src="data:image/png;base64,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" alt="" />
好了，大概就这些了，有不懂的可以讨论；