.Net 下拉多选框 实例

2021-03-19 13:26

阅读:312

标签:fun   box   lin   dna   data-   style   form   net   添加   

用了好几天时间终于把下拉多选框的问题给解决了,竟然是AjaxJson和 $.ajax请求的问题,原先赋值的时候用的AjaxJson方式请求,一直回显不出来。后全部更改为 $.ajax。

这2个到底是啥区别呢?

 

bootstrap框架如下:

js添加


html添加

js下拉框获取数据

 

 function GetOption()
    {
        $.ajax({
            type: "post",
            dataType: json,
            url: "/xxxModule/xx/GetOption",
            success: function (data) {
                var str = "";
                for (var i = 0; i ) {
                    str +=  + data[i].FName + 
                }
                $(".selectpicker").html(str);
                $(".selectpicker").selectpicker(refresh);
            }
        });
    }
    function SelectOnchang() {
        var val = "", staffs = [];
        var a=$(".selectpicker").find("option:selected");
        for(var i=0;i)
        {
            staffs.push(a[i].value);
        }
    }
function setoption() {
 
            $.ajax({
                url: /xxxModule/xxx/setvalue?KeyValue= + KeyValue,
                dataType: json,
                type: post,
                success: function (data) {
                    var d = eval(data);
                    $("#DName").val(d.DName);
                    $("#Desc").val(d.Des);
                    $("#PH").val(d.PH);
                    $("#M").val(d.PM);
                    $("#PL").val(d.PL);
                    var arr = d.deptid.split(,);
                    $("#deptid").selectpicker(val, arr);
                    $(#deptid).selectpicker(refresh);
                }
            });
        
    }

 

layui框架:





html

 

 

.Net 下拉多选框 实例

标签:fun   box   lin   dna   data-   style   form   net   添加   

原文地址:https://www.cnblogs.com/yokiblogs/p/12752463.html


评论


亲,登录后才可以留言!