Struts2, jquery, select二级联动

1. 下载jquery.js文件放在webroot下js文件夹里

2. 配置struts.xml:

<package name="default" namespace="/" extends="struts-default"><action name="ajaxRequest" class="net.nw.action.AjaxAction" method="execute">  </action>

3. 写AjaxAction.java:

package net.nw.action;import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionSupport;public class AjaxAction extends ActionSupport{private static final long serialVersionUID = 1L;  private int id;  private String result;  public String execute() throws Exception{  if(id == 1){  result = "1:test1";  }else{  result = "1:a1";  }  ServletActionContext.getResponse().getWriter().print(result);  return null;  }  public int getId() {  return id;  }  public void setId(int id) {  this.id = id;  }  public String getResult() {  return result;  }  public void setResult(String result) {  this.result = result;  }
}

4. jsp前端显示:

  <head><base href="<%=basePath%>"><title>My JSP 'login.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" type="text/css" href="css/button.css" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
function change(){     var id =$("#select1").val();  var url = "ajax.action";  var params = {  'id':id  };  $.post(url, params, callback);
}
function callback(result,textStatus){  if(textStatus == 'success'){  if(result != null){  var select2 = $("#select2");  select2.empty();  var tmp = result.split(":");  select2.append("<option value = '"+tmp[0]+"'>"+tmp[1]+"</option>");  }  }
}
</script>
</head>

<body>下拉框1：<s:select id="select1" list="#{1:'first',2:'second'}" οnchange="change();" headerKey="-1" headerValue="--no select--"/>  下拉框2： <s:select id="select2" list="#{1:'--no select--'}"/>
</body>

转载于:https://www.cnblogs.com/wujixing/p/5194461.html

Struts2, jquery, select二级联动相关推荐

HTML实现二级联动下拉菜单,基于jquery的二级联动菜单实现代码
jQuery 1.3.2 简单实现select二级联动 jQuery 二级联动 $(document).ready(function(){ $("#province").chang ...
javascript实现下拉条联动_js实现select二级联动下拉菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 String path = request.getContextPath(); String basePath = ...
vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例
当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了所在区域 {{item.country}} {{item}} d ...
php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
select二级联动价格策略+js的eval()
eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需求,被迫使用,感觉确实很强大,记下来,忘了了看看! 需求: 1) 省内价格可用精确到地市(即,区号),省外价格只精确到省. ...
jquery ajax 二级联动
首先实现jquery ajax的二级联动要下载个jquery.js 我在这里就不准备了自行百度下载背景介绍:通过部门的ID来查找部门下的所有班级我实现二级联动的思路是:先查询所有部门显示在页 ...
iview的select联动_iview2 之select二级联动细谈
还是二级联动问题,之前的方法是可以实现二级联动的.但是理想很丰满,现在很骨感.因为后台可能也没法给你理想的数据结构.最后想到办法的利用两个接口拿到数据,实现渲染.直接来代码 {{ item.first ...
js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
element 下拉框联动_element-ui select 二级联动
在使用select 选择框时,2个select 怎么关联在一起(第一个值发生变化,第二个select值随第一个变化而不同) 两个输入框代码 v-for="item in select1&qu ...

Struts2, jquery, select二级联动

Struts2, jquery, select二级联动相关推荐

最新文章

热门文章