jsp 弹窗显示不出来

<div id="user_detail_id">

    <div class="tit">

        <h2>用户详情</h2>

    </div>

    <div class="mymodal-form clearfix">

        <form id="frm_id" method="post" action="">


            <c:set var="type"

                   value="${userId}"/>

            <input type="hidden" id="user_id" name="userId" value="${type}"/>


            <ul>

                <li>

                    <label style=" width:150px;">用户名:</label>

                      <input type="text" class="form-input" style="width:500px;"         id="username_id" name="username" readonly>

                </li>

            </ul>

          

            <ul>

                <li style="margin-top: 10px;"><label style="width: 40%;"></label>

                    <input type="submit"

                           value="进入修改"

                           class="btn btn-primary" onclick="changeDetail()">

                </li>

            </ul>

        </form>

    </div>

</div>

js方法


  function changeDetail() {

    showModal("change_detail_id", "change_detail_mask");

}

弹窗


<div id="change_detail_id" class="mymodal" style="display: none;">

    <div class="tit">

        <h2>修改用户信息</h2>

        <a href="javascript:;" class="closes" id="change_detail_close">取消</a>

    </div>

    <div class="mymodal-form clearfix">

        <form id="frm2_id" method="post" action="${ctx }/user/save">

            <c:set var="type"

                   value="${userId}"/>

            <input type="hidden" id="user2_id" name="userId" value="${type}"/>

            <ul>

                <li>

                    <label style=" width:150px;">用户名:</label>

                    <input type="text" class="form-input" style="width:500px;" id="username1_id" name="username"

                           validate="{required:true,maxByteLength:60}" readonly>

                </li>

            </ul>

            <ul>


这样的代码在页面中点击修改时闪退,但是如果我把showModel("change_detail_id", "change_detail_mask")放置于1处,则一点问题没有,数据也都是正确的。我不知道是哪个地方错了T T

或者我把弹窗的display:none关掉,在手动点击打开弹窗,就没有弹窗闪退的问题


繁花如伊
浏览 467回答 1
1回答

炎炎设计

原因是我把“进入修改” 的按钮设置为submit形式,但是我并不是提交东西,而是进入弹窗,所以弹窗出现闪退的情况
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Java