javascript-在URL中传递dropdownlist的选定值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在URL中传递dropdownlist的选定值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1071字，纯文字阅读大概需要2分钟。

内容图文

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

我的代码如下所示：

<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以获得基础选择的值.

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-在URL中传递dropdownlist的选定值全部内容，希望文章能够帮你解决javascript-在URL中传递dropdownlist的选定值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端