bootstrap监听模态框_bootstrap 事件shown.bs.modal用于监听并执行你自己的代码【写hostmanger关联部门遇到的问题及解决方法】...

背景：记录写hostmanger中用户下拉框关联部门遇到的问题及解决方法

问题：需求是展示页面展示用户所属的部门，点击修改按钮后，弹出对应的model，这个时候部门的select要默认选中用户所在的select

如下图所示：

点击修改弹出model如下：

默认这块显示的是select的第一个option

解决办法：

在点击【修改】按钮的时候，可以首先取到这行数据部门列的id和value，在model弹出后，对model中的select元素做操作，如果select中的option的值等于刚才取到的value，则给这个option添加selected=selected属性

首先想到的是利用bootstrap的事件如shown.bs.modal来实现

但是测试的问题是，这个事件并不是在模态对话框出来后执行，而是在模态对话框之前执行，示例如下：

Title

用户详细信息

账号ID账号操作

1robin

修改

删除