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

【问题标题】：Display popup on selecting drop down list item在选择下拉列表项时显示弹出窗口
【发布时间】：2013-01-13 21:29:51
【问题描述】：

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

谢谢

【问题讨论】：

尽快？........不是你的项目组......
@sylon 这是我项目中的一个增强功能。由于我是新手，我对弹出窗口一无所知。我刚刚完成了下拉菜单。
这不是获得您的编程项目答案的景象。如果您遇到一些代码并需要帮助，请来这里。首先自己尝试一下。

【解决方案1】：

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

 <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>

例如从你的 dropdownchange 事件中调用 OpenOnchange 函数。

<asp:DropDownList ID="MydropDown" runat="server" onchange="OpenOnchange();">

【讨论】：

嗨，谢谢你的脚本。我试过了。但它来了，一旦我点击下拉箭头，我就会得到弹出窗口。我想要在选择列表项后弹出窗口，我想要在小弹出窗口中显示链接，如果我单击该链接，它应该导航到另一个页面。谢谢。
将高度和宽度从 800 更改为您想要的任何值。添加您必须在该页面上添加链接。

【解决方案2】：

试试这个代码：

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 传递给脚本。

【讨论】：