Skip to main content
 首页 » 编程设计

javascript之ASP :ListBox OnSelectedIndexChanged call javascript function not server side code

2024年08月06日29落叶

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

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

OnSelectedIndexChanged 我需要那个函数或类似的东西来调用 javascript 函数。

请您参考如下方法:

在您的控制谎言中添加更改事件我已在以下示例中添加。请注意,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); 
    }