0

我正在从事工作门户项目。在那个项目中，我有一份简历表格。在那个表格中，我必须添加教育信息。要添加毕业后信息，我有一个图像按钮，我想在单击图像时显示 div按钮。我为此使用了以下java脚本

enter code here<script type="text/javascript">

    function toggle_visibility(id) {
        var e = document.getElementById(id);
        if (e.style.display == 'block')
            e.style.display = 'none';
        else
            e.style.display = 'block';
    }

</script>

我在单击以下控件时调用此脚本

enter code here
<div class="tdBorder" style="height: 18px; width: 170px">
                                <asp:ImageButton ID="imgBtnMasters" runat="server" ImageUrl="~/images/brownAdd.png"
                                    Height="15px" Width="15px" OnClientClick="javascript:toggle_visibility('divMasters')" />
                                <asp:LinkButton ID="lnkBtnMasters" runat="server" Text="Add Masters Education" ForeColor="#663300"
                                    OnClientClick="javascript:toggle_visibility('divMasters')"></asp:LinkButton>
                            </div>

以下是我要打开的 div 。

<div id="divMasters">
                                <table style="width: 80%" align="left">
                                    <tr>
                                        <td style="width: 20%">
                                            Your Masters Education:
                                        </td>
                                        <td style="width: 40%">
                                            <asp:DropDownList ID="drpMasters" runat="server" CssClass="TextBox1" Width="150px"
                                                Height="24px">
                                                <asp:ListItem Selected="True">Select</asp:ListItem>
                                                <asp:ListItem Value="1">CA</asp:ListItem>
                                                <asp:ListItem Value="2">CS</asp:ListItem>
                                                <asp:ListItem Value="3">ICWA</asp:ListItem>
                                                <asp:ListItem Value="4">Integrated PG</asp:ListItem>
                                                <asp:ListItem Value="5">LLM</asp:ListItem>
                                                <asp:ListItem Value="6">M.A</asp:ListItem>
                                                <asp:ListItem Value="7">M.Arch</asp:ListItem>
                                                <asp:ListItem Value="8">M.Com</asp:ListItem>
                                                <asp:ListItem Value="9">M.Ed</asp:ListItem>
                                                <asp:ListItem Value="10">M.Pharma</asp:ListItem>
                                                <asp:ListItem Value="11">M.Sc</asp:ListItem>
                                                <asp:ListItem Value="12">M.Tech</asp:ListItem>
                                                <asp:ListItem Value="13">MBA/PGDM</asp:ListItem>
                                                <asp:ListItem Value="14">MCA</asp:ListItem>
                                                <asp:ListItem Value="15">MS</asp:ListItem>
                                                <asp:ListItem Value="16">PG Diploma</asp:ListItem>
                                                <asp:ListItem Value="17">MVSC</asp:ListItem>
                                                <asp:ListItem Value="18">MCM</asp:ListItem>
                                                <asp:ListItem Value="19">Other</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%">
                                            Specialization:
                                        </td>
                                        <td style="width: 40%">
                                            <asp:TextBox ID="txtMstSpecialization" runat="server" CssClass="TextBox1" Width="250px"></asp:TextBox>
                                        </td>
                                    </tr>
                                </table>
                            </div>

我已经尝试使用上面的 javascript，div 打开，但问题是页面得到回发，所以 div 再次隐藏。我没有得到这个脚本出了什么问题。建议我为此提供任何解决方案。提前致谢。

4

1 回答 1

3

您需要从 javascript 返回 false 以停止回发页面。

OnClientClick="javascript:toggle_visibility('divMasters'); return false;"

或者

 function toggle_visibility(id) {
        var e = document.getElementById(id);
        if (e.style.display == 'block')
            e.style.display = 'none';
        else
            e.style.display = 'block';
         return false;
    }
于 2013-09-03T05:20:48.920 回答