bootstrap3中select2的默认值和下拉框的禁用

最近做项目用到了select2插件,需求中需要给下拉框设置默认值之后,禁用下拉框,我开始的写法是这样的

<script type="text/javascript">
    $(function(){
        $(".js-example").select2();
        $(".js-example").val("CA").trigger("change");   //设置默认值
        $(".js-example").prop("disabled", true);        //设置下拉框不可用
    });
</script>

其实这个很好用 结合模态框使用更好

我页面上用得 一个是编辑 一个是添加

  $(function () { $(\'#tasksUpdate\').on(\'show.bs.modal\', function (event) {

                      var button = $(event.relatedTarget); // Button that triggered the modal
                      var id = button.data(\'id\');
                      var name = button.data(\'name\'); // Extract info from data-* attributes
                      var body = button.data(\'body\'); // Extract info from data-* attributes
                      var username = button.data(\'username\'); // Extract info from data-* attributes
                    var userid = button.data(\'userid\');
                      var milestone = button.data(\'milestone\') ;// Extract info from data-* attributes
                     var duedate = button.data(\'duedate\'); // Extract info from data-* attributes
                     var milestone_milestone_id\');
                     var status=button.data(\'status\');
                     
                      var modal = $(this);
                      modal.find(\'.hiddenId\').val(id);
                      modal.find(\'.name\').val(name);
                      modal.find(\'.body\').val(body);
                      modal.find(\'.datetimepickeredit\').val(duedate);
                      modal.find(\'.user_id\').val(userid).trigger("change");
                      modal.find(\'.milestone_id\').val(milestone_id).trigger("change");
                      modal.find(\'.status\').val(milestone_id).trigger("change");
                      
                  })
               });


              $(function () { $(\'#tasks\').on(\'show.bs.modal\', function (event) {

                      var modal = $(this);
                      modal.find(\'.milestone_id\').val({{$mid}}).prop("disabled", true);
                      
                  })
               });