解决 jq ui 弹框 select2 input 失效问题

最新推荐文章于 2023-09-15 17:16:01 发布

ss-

最新推荐文章于 2023-09-15 17:16:01 发布

阅读量954

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/month_ss_815/article/details/83144673

本文介绍如何使用jqDialog创建弹窗对话框，并通过Select2插件实现下拉选择功能，包括设置宽度、高度、标题及关闭事件，以及通过Ajax获取数据填充Select2。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// jq dialog 弹框
var diagFn=function(){
        $(".ui-widget-overlay").show(); //html页面的div
         $("#diag-div").dialog({
            resizable:false,
            width: 500,
            modal: false, //把modal设置成false，select2 input即可输入 
            title: "转交",
            height: 400,
            close: function(e) {
                 $(".ui-widget-overlay").hide();
             },
         });
}

//select2用法

var select2Fn=function(url,id){
        $.ajax({
        type: 'GET',
        url: url,
      
    }).then(function(data) {
        $(id).select2({
            placeholder: "Select a State",
            allowClear: true,
            data:data,
        });
      //  $(id).val("").select2(); 去掉默认选中功能
    });
}