Twitter bootstrap 更改内部输入状态时，模态关闭

我有这个模型。当我按下“更改”按钮时，我想启用输入触点ModalPhoneInput。当我点击按钮时，会立即关闭模式。当我重新打开它时，它有效地启用了输入。有什么想法吗

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>

&时代；
后果


            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>

改变

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>

使现代化 关

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>

从您的btnChangePhone中删除'data dismission=“modal”'

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Results</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group input-group-md">
                        <span class="input-group-addon" id="sizing-addon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <input type="text" class="form-control" id="contactModalPhoneInput" placeholder="Name" aria-describedby="basic-addon1" disabled/>
                    </div>
                    <br>
                    <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" id="btnChangePhone" onclick="changeInputState()">Change</button>