最近做项目用到了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); }) });