Select2 用法小貼士

適用於select2 4.0.8

初始化：

標籤

="form-group col-md-6"
>
"select2_id"
class
="form-control" name=
"select2_name"
>
<
/select>
<
/div>

ajax動態賦值

$.
ajax()
;}else}}
);

啟用函式

$
("#select2_id").
select2()
;

動態賦值1

$
("#select2_id").
val(result.value)
.select2()
;$("#select2_id").
val("")
.select2()
;

動態賦值2

這裡val()中的「[ ]」可以一定程度上保證及時更新

$
("#select2_id").
val(
[result.extend.query_result.project]).
trigger
("change"
);

解決select2的input框無法獲取焦點，無法輸入的問題

重寫enforcefocus方法，在script中加入下面語句即可：

$.fn.modal.constructor.prototype.
enforcefocus
=function()
;

select2使用模態框，搜尋框無法輸入

bootstrap的modal框中會自帶乙個屬性tabindex="-1"

此屬性作用是「設定鍵盤中的tab鍵在控制項中的移動順序,即焦點的順序。」

通過把tabindex設成1到32767的乙個值，就可以把這個控制項加入到tab鍵的序列中。當瀏覽者使用tab鍵在網頁控制項中移動時，將首先移動到具有最小tabindex屬性值的控制項上，最後在具有最大tabindex屬性值的控制項上結束移動。如果有兩個控制項的tabindex屬性相同，則以控制項在html****現的順序為準。預設的tabindex屬性為 0 ，將排列在在所有指定tabindex的控制項之後。而若把tabindex屬性設為乙個負值（如tabindex="-1"），那麼這個鏈結將被排除在tab鍵的序列之外，游標也因此無法錨定在輸入框中。

="modal fade" id=
"add_task_modal" tabindex=
"-1" role=
"dialog"
aria-labelledby=
"examplemodalcentertitle" aria-hidden=
"true"
>

將上面**中的tabindex="-1"刪掉即可

獲取select2控制項上的值

$
("#inpt_pjnm_selector").
select2
('data');
$("#inpt_pjnm_selector").
select2
('val');
$("#inpt_pjnm_selector").
val();
$("#inpt_pjnm_selector option:checked").
text()
;$("#inpt_pjnm_selector option:checked").
val(
);

Select2 用法小貼士

Select2衝突問題

select2如何黏貼選擇

select2 使用筆記

Select2 用法小貼士

Select2衝突問題

select2如何黏貼選擇

select2 使用筆記

相關推薦