1. 程式人生 > >日常小積累 case語句 提交按鈕防連點 selectpicker賦值

日常小積累 case語句 提交按鈕防連點 selectpicker賦值

1.case語句

function getBszq(bszq){
    var datavalue = '';
    switch (bszq){
        case 1: //可為數字型別或字串型別 自行匹配
            datavalue='日報'
            break;
        case 2:
            datavalue='月報'
            break;
        case 3:
            datavalue='季報'
            break;
        case 4:
            datavalue='半年報'
            break;
        case 5:
            datavalue='年報'
            break;
        default:
            datavalue=bszq
    }
    return datavalue;
}

2.提交按鈕防連點

按鈕點選後 設定一個布林值型別的變數 初始值為true 點選按鈕後置為false 3秒後再重新置為true 從而防連點

$("#btnSubmit").click(function() {
        if (flagSubmit == false) {
            return false;
        }
        flagSubmit = false;
        setTimeout(function() {
            flagSubmit = true;
        }, 3000);
        check($(this));
    });

3.bootstrapt裡的selectpicker賦值

初始化

$('').selectpicker({  
        'selectedText': 'cat'  
    });

selectpicker其他屬性

引數名 型別 預設值 描述
actionsBox bool false

當設定為true,增加了兩個按鈕,下拉選單的頂部(全選和取消全選)。

container string| false false

當設定為一個字元string,追加選擇一個特定的元素或選擇器,例如 container: 'body' | '.main-body'

countSelectedText string| function function

設定當selectedTextFormat是顯示文字的格式countcount > #。{0}是所選擇的量。{1}是用於選擇的總可用。

當設定為一個函式,第一個引數是所選擇的選項的數目,並且第二個是選項的總數。該函式必須返回一個字元string。

deselectAllText string 'Deselect All'

當取消選擇所有選項按鈕上的文字actionsBox被啟用。

dropdownAlignRight bool | 'auto' false

對齊選單,而不是左右。如果設定為'auto',如果在左對齊沒有餘地選單的全寬度的選單會自動右對齊。

dropupAuto bool true

進行檢查以檢視其具有更多的空間,上方或下方。如果dropup有足夠的空間完全開啟正常,但上面有更大的空間,在dropup仍能正常開啟。否則,就變成了dropup。如果dropupAuto設定為false,dropups必須手動呼叫。

header string false

增加了選單的頂部的頭部; 預設包含關閉按鈕

hideDisabled bool false

從選單中刪除禁用的選項和optgroups data-hide-disabled: true

iconBase string 'glyphicon'

將基地使用不同的圖示字型代替Glyphicons。如果改變iconBase,你也可能要更改tickIcon,以防新的圖示字型使用了不同的命名方案。

liveSearch bool false

當設定為true,增加了一個搜尋框的下拉selectpicker的頂部。

liveSearchNormalize bool false

設定liveSearchNormalize以true允許不區分重音的搜尋。

liveSearchPlaceholder string null

當設定為一個字元string,一個佔位符屬性等於該字元string將被新增到實況搜尋輸入。

liveSearchStyle string 'contains'

當設定為'contains',搜尋將顯示包含搜尋到的文字選項。例如,搜尋,返回鴨都為PL PL E,PL嗯,和PL antain。當設定為'startsWith',尋找PL只會返回PL UM和PL antain。

maxOptions integer | false false

當設定為一個integer ,並在多選擇,所選選項的數量不能超過給定值。

該選項還可以存在作為資料屬性為<optgroup>,在這種情況下,它僅適用於<optgroup>

maxOptionsText string| array | function function

啟用maxOptions時所顯示的文字,併為給定的方案選項的最大數量已被選定。

如果使用的功能,它必須返回一個數組。陣列[0]是當maxOptions被施加到整個選擇元件使用的文字。陣列[1]是當maxOptions上的OPTGROUP用於使用的文字。如果使用字元string,相同的文字用於元素和OPTGROUP兩者。

mobile bool false

當設定為true,使能選擇選單中的裝置的本機選單。

multipleSeparator string ', '

坐落在分隔所選選項的按鈕顯示的字元。

noneSelectedText string 'Nothing selected'

當多個選擇時所顯示的文字沒有選擇的選擇。

selectAllText string 'Select All'

當選擇了所有選項,按鈕上的文字actionsBox被啟用。

selectedTextFormat 'values''static''count''count > x'(其中,x是integer ) 'values'

指定選擇如何顯示有多個選擇。

'values'顯示所選擇的選項(由分隔的列表multipleSeparator'static'簡單地顯示所述選擇元件的標題。'count'顯示所選選項的總數量。'count > x'行為類似於'values'直到所選選項的數目大於x;在此之後,它的行為象'count'

selectOnTab bool false

當設定為true,對待像selectpicker下拉列表中輸入或空格字元製表符。

showContent bool true

當設定為true,顯示與該按鈕選擇的選項(一個或多個)相關聯的自定義的HTML。當設定為false,期權價值將被顯示。

showIcon bool true

當設定為true,與在按鈕選擇的選項(一個或多個)相關聯的顯示的圖示(一個或多個)。

showSubtext bool false

當設定為true與所述按鈕選擇的選項相關聯,顯示潛臺詞。

showTick bool false

show(沒有的專案上選擇的選項勾選multiple屬性)。

size 'auto'| integer | false 'auto'

當設定為'auto',選單始終開啟,以顯示儘可能多的專案視窗將允許在沒有被切斷。

當設定為integer 時,選單將顯示專案的給定數量,即使下拉被切斷。

當設定為false,選單會一直顯示所有專案。

style string| null null

當設定為一個字元string,新增值到該按鈕的風格。

tickIcon string 'glyphicon-ok'

設定要使用的圖示旁邊顯示的“滴答”來選擇的選項。

title string| null null

對於selectpicker的預設標題。

width 'auto''fit'| css-width| false(其中css-width是單位CSS的寬度,例如100px false

當設定為auto,所述selectpicker的寬度被自動調節,以適應最寬的選項。

當設定為一個css-寬度,所述selectpicker的寬度內聯強制為給定值。

當設定為false,所有寬度資訊被刪除。

windowPadding integer | array 0

這是在該視窗中有一個下拉選單中不應該涉及的領域情況下非常有用-例如一個固定的頭。當設定為一個integer ,同樣填充將被新增到四面八方。可替代地,一個integer 陣列可以在格式來使用[top, right, bottom, left]

$('#xtxmbhSelect').selectpicker('val',$("select.form-product").val());      //注意 此處必須為id值 然後再重新整理                         
$(".selectpicker").selectpicker('refresh');

4.layer.msg

layer.msg(r.message, {
                    time: 2000
                }, function() {
                    location.href = location.href;
                });