JavaScript查找所选下拉列表项的索引，传递到超链接

Question

我遇到了一些麻烦，经过相当多的研究后，无法找到解决方案。我在SharePoint Designer 2010中工作，并有一个由列表填充的ASP.net下拉列表。我想从下拉列表中获取所选项目的索引值（例如1），并将其传递给用于调出EditForm.aspx页面的URL。见下文，并感谢您提供任何帮助！

<script type="text/javascript"> 
    function redirect(url) { 
     var ddl = document.getElementById(&apos;DropDownList1&apos;); 
     alert(&quot;HI!&quot;); 

     var index = ddl.selectedIndex; 
     var value = ddl.options[index].value; 

     location.href = url + value; 
     return false; 
    } 
</script> 

<asp:LinkButton runat="server" id="LinkButton1" 
       href="https://chartiscorp.sp.ex3.secureserver.net/Lists/System_Information/EditForm.aspx?id=" 
       onclientclick="javascript:redirect(this.href)">Edit System Info</asp:LinkButton> 

<asp:DropDownList runat="server" id="DropDownList1" DataValueField="Title" 
        DataTextField="Title" DataSourceID="spdatasource1" /> 

Answer 1

您应该使用呈现ID：

var ddl = document.getElementById('<%=DropDownList1.ClientID%>'); 

和LinkButton的OnClientClick event：

<asp:LinkButton onclientclick="..."> 

要获得指数只是用

var index = ddl.selectedIndex; 

，或者你想要获得价值使用

var value = ddl.options[ddl.selectedIndex].value; 

我会建议做一个函数中的重定向，而不是HTML属性。一起带来：

<script type="text/javascript"> 
    function redirect(url) { 
     var ddl = document.getElementById('<%=DropDownList1.ClientID%>'), 
      index = ddl.selectedIndex, 
      value = ddl.options[index].value; 

     location.href = url + value; 
     return false; 
    } 
</script> 
<asp:LinkButton runat="server" id="LinkButton1" 
       href="../Lists/System_Information/EditForm.aspx?id=" 
       onclientclick="redirect(this.href)">LinkText</asp:LinkButton> 
<asp:DropDownList runat="server" id="DropDownList1" DataValueField="Title" 
        DataTextField="Title" DataSourceID="spdatasource1" /> 

This jsfiddle shows a demo of the rendered output.