SELECT2自定義下拉框

安裝

• 參考：Getting Started | Select2 - The jQuery replacement for select boxes

快速使用

• html:

<select class="js-example-basic-single">
    <option value="3" selected="selected">3期</option>
    <option value="4">4期</option>
    <option value="5">5期</option>
    <option value="6">6期</option>
</select>
 

• js:

$(document).ready(**function**() {
    $('.js-example-basic-single').select2();
});

配置

• 多選：<select multiple=“multiple”>
• 配置引數：

$('.my_test').select2({
    minimumResultsForSearch:Infinity,//不顯示多選框
    placeholder: '請選擇期數',//佔位符
    allowClear:**true**,//可以被點選刪除
    closeOnSelect:**true**,//如果為false，則選擇後不關閉
    width:'50%',//定義寬度
    // theme:"classic"//自定義外觀
});
$('.js-example-disabled-multi').prop("disabled",true)//使select無法被選中