zoukankan      html  css  js  c++  java
  • select2 插件编辑时设置默认值

    function htDate(selectCustomerId, val) {
        var customerId = selectCustomerId;
        var values = val;
        ajaxJson('GET', webroot + "/customer/getOptionList", '', function(err, rsp) {
            if (rsp.code == 200) {
                var text = rsp.result;
                customerId.select2({
                    placeholder: "请选择客户",
                    allowClear: true,
                    language: "zh-CN",
                     '410px'
                        // data:text,
                });
    
                //绑定Ajax的内容
                customerId.empty(); //清空下拉框
                $.each(text, function(i, item) {
                    customerId.append("<option value='" + item.id + "'>&nbsp;" + item.name + "</option>");
                });
                /*设置默认值*/
                $(customerId).val(values);
            } else {
                // hint(rsp.message);
                console.log(rsp);
            }
        })
    }
    //使用
    var customer = $("#customerId");
    var val = data.customerId;
    htDate(customer, val);

     ajax 请求数据的时候

    
    

    var jz_roomId = $('#jz_roomId');
    $(jz_roomId).select2({
    dropdownParent: $(".customerRoomIdModal"),
    ajax: {
    url: webroot + '/spaceRoom/listRoom',
    dataType: 'json',
    delay: 250,
    type: 'POST',
    contentType: "application/json",
    data: function(params) {
    var paramss = {
    code: params.term
    };
    return JSON.stringify(paramss);
    },
    processResults: function(data, params) {
    //请求接口返回数据
    params.page = params.page || 1;
    return {
    results: data.result
    };
    },
    cache: true
    },
    //options
    language: "zh-CN",
    placeholder: '请输入房间号',
    allowClear: true,
    '300px',
    //键盘选择事件
    escapeMarkup: function(markup) {
    return markup;
    },
    minimumInputLength: 1,
    templateResult: formatRepo,
    templateSelection: formatRepoSelection
    });


    //
    再次加载默认值. 赋值.
    var roomName = $(e).parent().parent().parent().find('td').eq(1).text();
    var option = new Option(roomName, editResult.roomId, true, true); 
    $('#jz_roomId').append(option);
    $('#jz_roomId').trigger('change');//使用这个方法显示到select2上.
  • 相关阅读:
    【Git】git使用
    【Git】git使用
    【Git】git使用
    【spring boot】SpringBoot初学(8)– 简单整合redis
    「Flink」使用Managed Keyed State实现计数窗口功能
    「Flink」Flink的状态管理与容错
    「数据挖掘入门序列」数据挖掘模型分类与预测
    「Flink」使用Java lambda表达式实现Flink WordCount
    Java 8 函数式编程
    「数据挖掘入门系列」数据挖掘模型之分类和预测
  • 原文地址:https://www.cnblogs.com/Byme/p/8485384.html
Copyright © 2011-2022 走看看