zoukankan      html  css  js  c++  java
  • 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);
                          
                      })
                   });
  • 相关阅读:
    CSS&JS两种方式实现手风琴式折叠菜单
    MySQL创建数据库/表等基本命令操作
    web注册功能实现
    符合altium designer操作习惯的cadence快捷键设置
    运行Capture.exe找不到cdn_sfl401as.dll
    modelsim遇到的问题(更新)
    1.4 扩展
    1.3 Security
    1.2 Install Extension 安装扩展
    1.1 Modify Template修改模板
  • 原文地址:https://www.cnblogs.com/baker95935/p/9355977.html
Copyright © 2011-2022 走看看