前一个select的值改变,后一个select跟随改变的方法:使用dwr的方法
来源:互联网 发布:新速特软件站增强版 编辑:程序博客网 时间:2024/06/14 02:08
jsp 页面中
<script type='text/javascript' src="<%=path%>/dwr/util.js"></script>
<script type='text/javascript' src="<%=path%>/dwr/engine.js"></script>
<script type='text/javascript' src="<%=path%>/dwr/interface/sysMenuService.js"></script>
<script type="text/javascript">
/**
*根据用户选择菜单级别显示父级菜单选项
*/
function showFatherMenu(){
var selectVal=$("#istopmenu").val();
document.getElementById("fatherMenu").options.length = 0;
sysMenuService.showFatherMenu(selectVal,function(data){
for(var i=0;i<data.length;i++){
$("#fatherMenu").append("<option value='"+data[i].menunumber+"'>"+data[i].menuname+"</option>");
}
});
}
</script>
form表单中的内容
<li><label class="label">菜单级别:</label><s:select id="istopmenu" cssClass="select" list="#{1:'一级菜单',2:'二级菜单',3:'三级菜单' }" name="sysMenu.istopmenu" style="width:300px;" value="" onchange="showFatherMenu()"></s:select></li>
<li><label class="label">父级菜单:</label><select id="fatherMenu" name="sysMenu.supermenuid" style="width:300px;"></select></li>
可以看出在菜单级别中:有三个值{1:'一级菜单',2:'二级菜单',3:'三级菜单' },通过onchange="showFatherMenu()"调用showFatherMenu函数,来感知list值的改变
当值改变之后,会根据list中选择的key来确定下面父级菜单的内容
在服务器端的代码
这个主要是写在service中,必须在service接口和service实现类中都的写上该方法
/**
* 根据用户选择的级别,选择对应的父级别
*/
public List<SysMenu> showFatherMenu(String selectVal){
List<SysMenu> list=new ArrayList<SysMenu>();
if(selectVal!=null||!"".equals(selectVal)){
int num=Integer.valueOf(selectVal);
String hql="from SysMenu where istopmenu=?";
try{
list=baseDAO.find(hql, new Object[]{(num-1)+""});
}catch(Exception e){
e.printStackTrace();
}
}
return list;
}
dwr.xml中的编写
<!-- 菜单信息验证 -->
<create creator="spring" javascript="sysMenuService">
<param name="beanName" value="sysMenuService"></param>
<include method="showFatherMenu" />
</create>
- 前一个select的值改变,后一个select跟随改变的方法:使用dwr的方法
- 让select下拉框无法改变值的方法
- 取得 改变前 的 select下拉框的值
- vuejs绑定数据到select中,选择option数据后,同步改变下面一个输入框input的值
- 改变select下拉菜单右侧三角形样式的方法
- .net中select选中的一个方法
- javascript 改变select 的选项
- jquery 'this' select的改变
- 改变select的默认样式
- 根据select选项的值,改变css
- Integer是不可变类,进入一个方法后,在里面的值的改变不会影响方法外的引用
- Integer是不可变类,进入一个方法后,在里面的值的改变不会影响方法外的引用
- DataTable.Select()方法的一个困惑,或者是一个bug?
- 使用前端框架后js动态改变样式的一些问题(select)
- Datatable.select() 方法的使用
- 关于Select方法的使用
- select元素的方法使用
- 为Html的Select加一个输入的方法
- 正则表达式之特殊字符
- Linux - 科学制作Linux LiveUSB
- 从netty项目组织入门maven的多modules模块配置
- ubuntu下web.py加apache 实现简单服务器
- JS的字符串操作和各种格式转换
- 前一个select的值改变,后一个select跟随改变的方法:使用dwr的方法
- centos6.5编译ffmpeg
- lvs+keepalived+nginx+tomcat高可用高性能集群部署
- 用symbolicatecrash解决crash问题
- java简单敏感过滤
- php 分页效果
- 64bit
- java 接口使用
- There is no statement named xxx.xxx in this SqlMap