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_id= button.data('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);
                      
                  })
               });

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

推荐阅读