select2-container--open{
z-index:9999999
}
只要添加这个样式就能很好解决这个因z-index引起的问题。我在网上找了很久,都是对于select2-container 改变z-index,但是我在页面其他地方也有用到select2,这样修改会使得其他地方的select2页显示在modal之上,而对select2-container这个选择器加上权重之后就不起作用了,虽然z-index已经是比modal高,这个是为什么我还没找到原因。但是在--open中修改就很好解决了这个问题。附上stackoverflow上的地址。
stackoverflow:http://stackoverflow.com/questions/28781726/select2-select-in-bootstrap-modal