在URL中传递下拉列表的选定值

Passing selected value of dropdownlist in URL

本文关键字：下拉列表 URL      更新时间：2023-09-26

我有一个下拉列表，当我从列表中选择一个项目时，它会打开一个新窗口。如何将dropdownlist值传递到URL中的新窗口？

我的代码如下：

<asp:DropDownList ID="ddlAdd" runat="server" CssClass="ddl" OnChange="javascript:openWindow('add.aspx?ddlAddValue=', 800, 885)">
    <asp:ListItem>One</asp:ListItem>
    <asp:ListItem>Two</asp:ListItem>
    <asp:ListItem>Three</asp:ListItem>
</asp:DropDownList>

这是JavaScript函数：

function openWindow(url, windowHeight, windowWidth)
{
    var centerHeight = (screen.height - windowHeight) / 2;
    var centerWidth = (screen.width - windowWidth) / 2;
    var features = "height=" + windowHeight + ", width=" + windowWidth + ", top=" + centerHeight + ", left=" + centerWidth + ", scrollbars=" + 1;
    var popUp = window.open(url, "", features);
}

您可以简单地引用this.value来获取底层select的值。

OnChange="javascript:openWindow('add.aspx?ddlAddValue=' + escape(this.value), 800, 885)"

此外，如果你是这样滚动的话，这在jQuery中很容易处理：

$(function(){
  $('select[id$=ddlAdd]').change(function () {
      var addValue = $(this).val();
      if (addValue) { 
          // window opening logic here
      }
      return false;
  });
});

您可以像这样将下拉对象直接传递到javascript中。。。

onchange="openWindow('add.aspx?ddlAddValue=', 800, 885, this)"

（注意，onchange命令中不需要javascript:前缀——浏览器已经知道它是javascript）

然后在你的职能。。。

function openWindow(url, windowHeight, windowWidth, dd)
{
   url = url + encodeURIComponent(dd.options[dd.selectedIndex].value);
   ...
相关文章：