Question

我在bootstrap模式中有一个select，但是当我显示它并调用$('#select_value').select2();时，输入字段是不可写的。它是可选的/可聚焦的，但现在可以写了...... 我最初发现z-index存在一些问题，但由于它是可选的，我不认为这是一个索引问题。

这是我的HTML：

<div class="modal fade bs-modal-sm" id="small" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <form>
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h4 class="modal-title">Select</h4>
                        </div>
                        <div class="modal-body">
                            <select id='select_value' class="form-control select2me" required>
                                <option></option>
                                <option value='v1'>V1</option>
                                <option value='v2'>V2</option>
                                <option value='v3'>V3</option>
                                <option value='v4'>V4</option>
                            </select>

                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn blue btn-save">Save changes</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>

我也尝试更改插件以获得相同的结果，但我得到同样的问题...... 这是我试图使用的：

Select2
BSelect

Answer 1

请尝试在引导脚本

之后的某处添加此脚本

<script type="text/javascript"> $.fn.modal.Constructor.prototype.enforceFocus = function () {}; </script>

或尝试删除模式中的tabindex="-1"

可选择/可聚焦输入字段，不可写

1 个答案: