日常小積累 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 |
當設定為 |
container | string| false | false |
當設定為一個字元string,追加選擇一個特定的元素或選擇器,例如 |
countSelectedText | string| function | function |
設定當selectedTextFormat是顯示文字的格式 當設定為一個函式,第一個引數是所選擇的選項的數目,並且第二個是選項的總數。該函式必須返回一個字元string。 |
deselectAllText | string | 'Deselect All' |
當取消選擇所有選項按鈕上的文字 |
dropdownAlignRight | bool | 'auto' |
false |
對齊選單,而不是左右。如果設定為 |
dropupAuto | bool | true |
進行檢查以檢視其具有更多的空間,上方或下方。如果dropup有足夠的空間完全開啟正常,但上面有更大的空間,在dropup仍能正常開啟。否則,就變成了dropup。如果dropupAuto設定為false,dropups必須手動呼叫。 |
header | string | false |
增加了選單的頂部的頭部; 預設包含關閉按鈕 |
hideDisabled | bool | false |
從選單中刪除禁用的選項和optgroups |
iconBase | string | 'glyphicon' |
將基地使用不同的圖示字型代替Glyphicons。如果改變iconBase,你也可能要更改 |
liveSearch | bool | false |
當設定為 |
liveSearchNormalize | bool | false |
設定liveSearchNormalize以 |
liveSearchPlaceholder | string | null |
當設定為一個字元string,一個佔位符屬性等於該字元string將被新增到實況搜尋輸入。 |
liveSearchStyle | string | 'contains' |
當設定為 |
maxOptions | integer | false | false |
當設定為一個integer ,並在多選擇,所選選項的數量不能超過給定值。 該選項還可以存在作為資料屬性為 |
maxOptionsText | string| array | function | function |
啟用maxOptions時所顯示的文字,併為給定的方案選項的最大數量已被選定。 如果使用的功能,它必須返回一個數組。陣列[0]是當maxOptions被施加到整個選擇元件使用的文字。陣列[1]是當maxOptions上的OPTGROUP用於使用的文字。如果使用字元string,相同的文字用於元素和OPTGROUP兩者。 |
mobile | bool | false |
當設定為 |
multipleSeparator | string | ', ' |
坐落在分隔所選選項的按鈕顯示的字元。 |
noneSelectedText | string | 'Nothing selected' |
當多個選擇時所顯示的文字沒有選擇的選擇。 |
selectAllText | string | 'Select All' |
當選擇了所有選項,按鈕上的文字 |
selectedTextFormat | 'values' | 'static' | 'count' | 'count > x' (其中,x是integer ) |
'values' |
指定選擇如何顯示有多個選擇。
|
selectOnTab | bool | false |
當設定為 |
showContent | bool | true |
當設定為 |
showIcon | bool | true |
當設定為 |
showSubtext | bool | false |
當設定為 |
showTick | bool | false |
show(沒有的專案上選擇的選項勾選 |
size | 'auto' | integer | false |
'auto' |
當設定為 當設定為integer 時,選單將顯示專案的給定數量,即使下拉被切斷。 當設定為 |
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 |
當設定為 當設定為一個css-寬度,所述selectpicker的寬度內聯強制為給定值。 當設定為 |
windowPadding | integer | array | 0 |
這是在該視窗中有一個下拉選單中不應該涉及的領域情況下非常有用-例如一個固定的頭。當設定為一個integer ,同樣填充將被新增到四面八方。可替代地,一個integer 陣列可以在格式來使用 |
$('#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;
});