1. 程式人生 > >Django bootstrap-select 多選框顯示以及回顯

Django bootstrap-select 多選框顯示以及回顯

sel i++ ctp pty edi val sele 多選 pic

初始化

function showUserList(param) {
    $.ajax({
        url: "user/detail/0/",
        type: ‘get‘,
        success: function (data) {
            $(‘#‘ + param).empty();
            for (var i = 0; i < data.length; i++) {
                op = "<option value=" + data[i].id + ">" + data[i].first_name + "[" + data[i].username + "]" + "</
option>"; $(‘#‘ + param).append(op); } $(‘#‘ + param).selectpicker(‘refresh‘); $(‘#‘ + param).selectpicker(‘render‘); } }) }

回顯

//回顯校區詳情頁面信息
function editCampussInfo(id) {
    var result = getCamPuss(id);
    $(‘#editcname‘).val(result.cname);
    $(‘#editarea‘).val(result.area);
    $(‘#editmark‘).val(result.mark);
    $(‘#editid‘).val(id);
    leaderlist = result.leader.split(‘,‘)
    $.ajax({
        url: "user/detail/0/",
        type: ‘get‘,
        success: function (data) {
            $(‘#editleader‘).empty();
            for (var i = 0; i 
< data.length; i++) { op = "<option value=" + data[i].id + ">" + data[i].first_name + "[" + data[i].username + "]" + "</option>"; $(‘#editleader‘).append(op); } $(‘#editleader‘).selectpicker(‘val‘,leaderlist); $(‘#editleader‘).selectpicker(‘refresh‘); $(‘#editleader‘).selectpicker(‘render‘); } }) }

Django bootstrap-select 多選框顯示以及回顯