javascript - 如何在asp.net中使用 'onKeyUp'属性?

标签 javascript jquery asp.net sql-server-2008

Message 1: Validation (ASP.Net): Attribute 'onkeyup' is not a valid attribute of element 'TextBox'. E:\ABC\ABCD.aspx 83 66 ABCD

我希望下拉菜单根据在 TextBox 中键入的值更改显示列表。我已为其编写了以下查询

var ddlText, ddlValue, ddl, lblMesg;

function CacheItems() {
    ddlText = new Array();
    ddlValue = new Array();
    ddl = document.getElementById("=STCDropDownList.ClientID");
    lblMesg = document.getElementById("=Label1.ClientID");

    for (var i = 0; i < ddl.options.length; i++) {
        ddlText[ddlText.length] = ddl.options[i].text;
        ddlValue[ddlValue.length] = ddl.options[i].value;
    }
}

window.onload = CacheItems;

function FilterItems(value) {
    ddl.options.length = 0;
    for (var i = 0; i < ddlText.length; i++) {
        if (ddlText[i].toLowerCase().indexOf(value) != -1) {
            AddItem(ddlText[i], ddlValue[i]);
        }
    }

    lblMesg.innerHTML = ddl.options.length + " item(s) found.";

    if (ddl.options.length == 0) {
        AddItem("No item found.", "");
    }
}

function AddItem(text, value) {
    var opt = document.createElement("option");
    opt.text = text;
    opt.value = value;
    ddl.options.add(opt);
}

以下是我正在使用的 Textbox 和 DropDownlist。

        <asp:TextBox ID="STCTextBox" runat="server"  onkeyup="FilterItems(this.value)"></asp:TextBox>
    </td>
</tr>
<tr>
    <td class="auto-style3">Service Tax Code</td>
    <td class="auto-style3">
        <asp:DropDownList ID="STCDropDownList" runat="server" AutoPostBack="True" DataSourceID="STCSqlDataSource" DataTextField="ServiceTaxCode" DataValueField="ServiceTaxCode"></asp:DropDownList>
        <asp:Label ID="Label1" runat="server" Text="Entered Comm Code Already Registered" Visible="False"></asp:Label>

最佳答案

简单的 jQuery 函数

.keyup()

探索https://api.jquery.com/keyup/

关于javascript - 如何在asp.net中使用 'onKeyUp'属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30298322/

相关文章:

asp.net - Linq更新记录

asp.net - 回发和回调之间的区别

c# - 从后端(AJAX)在页面中运行 JavaScript?

php - 预填写表格(无法控制表格代码)

php - 使用 AJAX 加载内容时更新 Facebook Like 元数据

javascript - 多个 JSON 对象

javascript - 通过传递 jquery 变量切换按钮

javascript - 两个 AngularJS 应用程序的最佳结构是什么?

javascript - 我相信我的算法在计算持续时间时不正确

javascript - 如何在 Jasmine 测试中模拟特定日期