博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax动态追加下拉列表
阅读量:5878 次
发布时间:2019-06-19

本文共 1218 字,大约阅读时间需要 4 分钟。

hot3.png

前台代码

 //动态追加类别下拉框

    $(function() {
        $(".lb-text").focus(function(){
            $(this).css("border-color","#e1e4e9")
        })
        $(".btn-sure").click(function() {
            var lbtext = $(".lb-text").val();
            if(lbtext==null||lbtext==""){
                $(".lb-text").css("border-color","red")
                return false
            }else{
                $(".lb-text").css("border-color","#e1e4e9")
            }
            
            var lbtype = $(".lb-type").val();
        
            var lbid = $(".lb-id").val();
            $('.default-val').text(lbtext);
            
            $.ajax({
                timeout: 3000,
                url :"rjtd_lb_save.do",
                dataType : "json",
                type : "POST",
                data : {
                    name : lbtext,
                    type : lbtype,
                    value : lbid

                },

                async : false,
                 success : function(data) {
                    for (var i = 0; i < data.length; i++) {
                        
                        $('.Popup-box').hide();
                        $('.mask').hide();
                        $(".selector").append("<span>" + data[i].name+ "</span>")
                     }
                    
                    
                } 
            })

        })

    })

 

 

后台代码

    public void lbSave(CmsDictionary bean,HttpServletResponse response, ModelMap model) throws     JSONException {

        bean = manager.save(bean);
        JSONArray arr = new JSONArray();
        JSONObject o;
        List<CmsDictionary> list = dictionaryMng.getList("sortware_genre");
        for (CmsDictionary t : list) {
            o = new JSONObject();
            o.put("id", t.getId());
            o.put("name", t.getName());
            arr.put(o);
        }
        ResponseUtils.renderJson(response, arr.toString());
    }

 

效果图

转载于:https://my.oschina.net/1024345181/blog/785837

你可能感兴趣的文章
SCCM 2016 配置管理系列(Part8)
查看>>
zabbix监控部署
查看>>
struts中的xwork源码下载地址
查看>>
Android硬件抽象层(HAL)深入剖析(二)
查看>>
CDays–4 习题一至四及相关内容解析。
查看>>
L3.十一.匿名函数和map方法
查看>>
java面向对象高级分层实例_实体类
查看>>
android aapt 用法 -- ApkReader
查看>>
[翻译]用 Puppet 搭建易管理的服务器基础架构(3)
查看>>
Android -- AudioPlayer
查看>>
Python大数据依赖包安装
查看>>
Android View.onMeasure方法的理解
查看>>
Node.js 爬虫初探
查看>>
ABP理论学习之仓储
查看>>
NestJS 脑图
查看>>
我的友情链接
查看>>
Html body的滚动条禁止与启用
查看>>
Tengine新增nginx upstream模块的使用
查看>>
多媒体工具Mediainfo
查看>>
1-小程序
查看>>