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的默认值和下拉框的禁用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。