这次给大家带来Jquery下拉框数据动态获取该如何实现,Jquery下拉框数据动态获取实现的注意事项有哪些,下面就是实战案例,一起来看一下。
废话不多说,直接上源码:
select.jsp
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <base>" rel="external nofollow" > <title>My JSP 'select.jsp' starting page</title><meta><meta><meta> <meta><meta><!-- <link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" > --><script></script><script> function get_app_type() { $.ajax({ type: "post", url: "AppTypeShow.action", //获取json数据 dataType: "json", success: function(data) { var d = eval("(" + data + ")"); for(var i = 0; i < d.length; i++) { var id = d[i].id; var name = d[i].name; var opt = "<option value='" + id + "'>" + name + ""; $("#appType").append(opt); } }, error: function() { alert("系统异常,请稍后再试!") } }); } function get_app_class() { $.ajax({ type: "post", url: "AppClassShow.action", dataType: "json", success: function(data) { var d = eval("(" + data + ")"); for(var i = 0; i < d.length; i++) { var id = d[i].id; var name = d[i].name; var opt = "<option value='" + id + "'>" + name + ""; $("#appClass").append(opt); } }, error: function() { alert("系统异常,请稍后再试!") } }); } $(document).ready(function() { get_app_type(); get_app_class(); }); </script>
APP类型: | |
APP种类: |
struts.xml
<?xml version="1.0" encoding="UTF-8" ?>nbsp;struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> <struts><constant></constant><package><action class="jquery.chisj.action.JsonAction"><result>error.jsp</result><result><param>result </result></action><action class="jquery.chisj.action.NtAppAction" method="appTypeShow"><result>error.jsp</result><result><param>result </result></action><action class="jquery.chisj.action.NtAppAction" method="appClassShow"><result>error.jsp</result><result><param>result </result></action></package></struts>
NtAppAction.java
/** * */ package jquery.chisj.action; import java.util.ArrayList; import java.util.List; import jquery.chisj.entity.APPClass; import jquery.chisj.entity.APPType; import com.opensymphony.xwork2.ActionSupport; import net.sf.json.JSONArray; /** * @ClassName: NtAppAction * @Description: TODO * @Author: chisj chisj@foxmail.com * @Date 2016年1月20日 下午4:53:50 */ public class NtAppAction extends ActionSupport { private String result; public String appTypeShow() { System.out.println("---app type show---"); List<apptype> appTypeList = new ArrayList<apptype>(); try { APPType appType_1 = new APPType(); APPType appType_2 = new APPType(); appType_1.setId(Short.valueOf("1")); appType_1.setName("Android"); appType_2.setId(Short.valueOf("2")); appType_2.setName("iOS"); appTypeList.add(appType_1); appTypeList.add(appType_2); JSONArray jsonArray = JSONArray.fromObject(appTypeList); result = String.valueOf(jsonArray); } catch (Exception e) { e.printStackTrace(); } return SUCCESS; } public String appClassShow() { System.out.println("---app class show---"); List<appclass> appClassList = new ArrayList<appclass>(); try { APPClass appClass_1 = new APPClass(); APPClass appClass_2 = new APPClass(); appClass_1.setId(Short.valueOf("1")); appClass_1.setName("种类1"); appClass_2.setId(Short.valueOf("2")); appClass_2.setName("种类2"); appClassList.add(appClass_1); appClassList.add(appClass_2); JSONArray jsonArray = JSONArray.fromObject(appClassList); result = String.valueOf(jsonArray); } catch (Exception e) { e.printStackTrace(); } return SUCCESS; } public String getResult() { return result; } public void setResult(String result) { this.result = result; } }</appclass></appclass></apptype></apptype>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上就是Jquery下拉框数据动态获取该如何实现的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号