选择下拉列表项时显示弹出窗口

本文关键字：窗口 显示 下拉列表 选择 | 更新日期: 2023-09-27 17:56:32

我有一个包含 4 个list项目的dropdownlist。我想在选择列表项时显示一个弹出窗口。同样在弹出窗口中，我必须显示一个超链接，该超链接应导航到另一个页面。请给我建议和指导。

谢谢

选择下拉列表项时显示弹出窗口

试试这段代码：

AXPX：

      <asp:DropDownList ID="ddldropdown" runat="server" OnSelectedIndexChanged="ddldropdown_selected">
       <asp:ListItem Text="sometext" Value="value"/>

代码隐藏：

   protected void ddldropdown_selected(object sender, EventArgs e)
{
    if (ddldropdown.SelectedValue == "value")
    {
        Page.ClientScript.RegisterStartupScript(this.GetType(), "Call my function",     "showpopup();", true);
    }
}

脚本：

  function showpopup() {
    $("#divid").fadeIn('slow');

  }
  function hidepopup() {
    $('#divid').fadeOut("slow");
  }

在 aspx 页中创建一个div，并根据要求设计弹出窗口，并将 id 传递给脚本。

试试这个。在页面上添加此脚本

 <script type="text/javascript">
    function OpenWindow(query, w, h, scroll) 
    {
      var l = (screen.width - w) / 2;
      var t = (screen.height - h) / 2;
      winprops = 'resizable=0, height=' + h + ',width=' + w + ',top=' + t     
                  + ',left=' + l + 'w';
      if (scroll) winprops += ',scrollbars=1';
      var f = window.open(query, "_blank", winprops);
    }
    function OpenOnchange{
      //$(function () {
        //  $('#DropDownID').click(function () {
              OpenWindow('add your page path', 300, 300, true);
          //});
      //});
   }
</script>

从您的下拉列表更改事件调用 OpenOnchange 功能。

<asp:DropDownList ID="MydropDown" runat="server" onchange="OpenOnchange();">
相关文章：