jq下拉框二级联动效果
来源:互联网 发布:北京房价数据 编辑:程序博客网 时间:2024/06/01 18:56
jq下拉框二级联动效果
select标签下拉触发二级联动效果
项目需求:根据财务科目级别联动相应级别的财务科目列表,效果图如下:
$(document).ready(function() { //科目级别下拉选择触发事件 $('#level').change(function(){ var level = $(this).children('option:selected').val(); if(level==null||level==""||level=="1"){ $('#pids select').remove(); $('#pids').html(pidContent); $('input#subjectId').val(subjectIdValue); $('input#direction').val(directionValue); $('input#finalSwap').val(finalSwapValue); if(level=="1"){ alert("不可建立一级科目,请选择其他级别"); $("#level").find("option[value='"+ selectedValule +"']").attr("selected",true); } return; } $.ajax({ //把url改成你服务器接口的url url: "${ctx}/budget/financeAllSubject/level?levelId=" + level, type:'GET', dataType: 'text', success:function(str){ var arr = eval(str); var content = '<select id="pid" name="pid" onchange="changePid(this)" class="form-control required"><option value="">---请选择父级科目代码---</option>'; for(var i = 0; i<arr.length; i++){ content += '<option value="' + arr[i] + '">' + arr[i] + '</option>'; } content += '</select>'; $('#pids input').remove(); $('td#pids').html(content); }, error:function (err){ //todo somethining.. alert(err); } }); });});
阅读全文
0 0
- jq下拉框二级联动效果
- 下拉框二级联动
- js实现的下拉框二级联动效果
- jq实现二级下拉菜单动画效果
- ASP 二级联动下拉框
- Ajax二级联动下拉框
- ASP 二级联动下拉框
- asp 下拉框二级联动
- 实现下拉框二级联动
- asp 下拉框二级联动
- JavaScript二级下拉框联动
- 二级联动的下拉框
- 下拉框联动效果
- Ajax实现二级联动下拉框
- Ajax实现二级联动下拉框!
- javascript实现二级联动下拉框!
- Ajax实现二级联动下拉框!
- Ajax实现二级联动下拉框
- Java之成员变量、局部变量和静态变量的区别
- Python-大小写转换
- PAT乙级(Basic Level)练习题 最难的问题
- HTML页面中条形码或二维码扫描枪的使用
- File类--文件操作
- jq下拉框二级联动效果
- log4j.properties配置详解与实例
- 迷宫城堡
- zTree获取所有选中节点id和名称
- Radar Installation(POJ1328, 贪心)
- Java 中的equals方法
- Cocoscreator-基础接口函数
- transient关键字
- kali学习