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); }) });
- 上一篇 »实现html中select下拉列表中部分选项不可选
- 下一篇 »html之select标签