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 modalvar id = button.data('id');var name = button.data('name'); // Extract info from data-* attributesvar body = button.data('body'); // Extract info from data-* attributesvar username = button.data('username'); // Extract info from data-* attributesvar userid = button.data('userid');var milestone = button.data('milestone') ;// Extract info from data-* attributesvar duedate = button.data('duedate'); // Extract info from data-* attributesvar 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);})});

posted on 2018-07-23 17:46 baker95935 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/baker95935/p/9355977.html

bootstrap3中select2的默认值和下拉框的禁用相关推荐

php option默认选中的值,laravel中数据显示方法(默认值和下拉option默认选中)
今天小编就为大家分享一篇laravel中数据显示方法(默认值和下拉option默认选中),具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧如下所示: ap状态: 进行中开始暂停开 ...
html下拉框怎么设置默认值,html下拉框怎么设置默认值-excel默认值,excel下拉框怎么设置默认值...
步骤如下: 1.打开需要编辑的Excel工作表,如图所示.已知:科学技术分为"农业/林业,工业百技术,医学/医药/卫生,自然科学"这4个部分.现在度需要将这4部分归类到一个下拉列表 ...
html下拉框设置默认值_html下拉框怎么设置默认值
匿名用户 1级 2016-11-16 回答第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = "sel" & ...
获取下拉框的文本和值，下拉框默认选中
js获取select标签选中的值,下拉框默认选中 <option value="${boj.xxx}" ${boj.xxx eq param.SELECT_NAME ? 's ...
python爬取下拉列表数据_Python+selenium之获取文本值和下拉框选择数据
Python+selenium之获取文本值和下拉框选择数据一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...
根据单选框的选择来决定下拉框的禁用与否
在这里插入图片描述大家可以看到,当单选框选择'否'的时候,下拉框被禁用了,而选择'是'的时候,下拉框的禁用被解除了.这是怎么做到的呢?其实很简单. 代码就是以上这些了,是不是很简单?记得一定要先引入 ...
java的下拉框的设置默认值,html下拉选项属性 html下拉框怎么设置默认值？
html下拉框怎么设置默认值设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...
php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
Android中自定义xml文件给Spinner下拉框赋值并获取下拉选中的值
场景实现效果如下注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现将布局改 ...

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

bootstrap3中select2的默认值和下拉框的禁用相关推荐

最新文章

热门文章