asp:ListBox OnSelectedIndexChanged调用javascript函数而不是服务器端代码

时间:2015-02-13 05:59:31

标签: javascript c# asp.net listbox

当我的asp:ListBox有一个选择更改而不是运行一些服务器端代码时,我需要调用一个javascript函数。我目前所拥有的是。

<asp:ListBox ID="lbCustomerFolders" runat="server" Width="100%" Height="98%" AutoPostBack="true" OnSelectedIndexChanged="lbCustromerFolders_SelectedIndexChanged"/>

OnSelectedIndexChanged我需要该函数或类似的函数来调用javascript函数。

1 个答案:

答案 0 :(得分:2)

在您的控制中添加更改事件我在下面的示例中添加了。请注意,ListBox上有onchange和OnSelectedIndexChanged事件,因此在选择更改事件中,将调用JavaScript和服务器端事件。

在您的情况下,更改将是您提供的数据。

 <asp:ListBox ID="lbCustomerFolders" runat="server" Width="9%" Height="98%"  onchange="YourChangeEventJS(this)" AutoPostBack="true" OnSelectedIndexChanged="lbCustomerFolders_SelectedIndexChanged">
             <asp:ListItem Text="Red" Value="#FF0000" Selected="True" />
             <asp:ListItem Text="Blue" Value="#0000FF" />
             <asp:ListItem Text="Green" Value="#008000" />
         </asp:ListBox>

以下脚本应该在您的页面上

 <script type="text/javascript">
    function YourChangeEventJS(ddl) {
        alert(ddl.selectedIndex);
    }