c# - 如何使用 javascript 定位动态生成的文本框

Question

我有一个在GridView 中动态生成的TextBox。当您检查页面时，TextBox 如下所示。我正在尝试找到一种方法来定位此 TextBox 以及此 GridView 中的所有其他 TextBoxes，以便我可以针对它们运行脚本。我在寻找能够定位此文本框的方法时遇到了很多麻烦。我尝试为 GridView 设置样式类并调用它，但它似乎不起作用。

<input name="ctl00$MainContent$controlProductsList1$gvItems$ctl04$Option-30482_e0edc10a-7dba-40d0-a4f1-7c4c5801c0ca" type="text" id="MainContent_controlProductsList1_gvItems_Option-30482_e0edc10a-7dba-40d0-a4f1-7c4c5801c0ca_2">

使用 javascript 定位 GridView 中动态生成的 TextBox 的最佳方法是什么？

你能给gridview一个类并单独调用该类吗？

这是需要针对输入的脚本

$('#inputID').keyup(function(){
    this.value = this.value.toUpperCase();
});

Answer 1

由于您似乎正在使用 jQuery，请检查 JQuery selector 上的选项。页。一种选择是使用通用 input selector像:

$("#<%=gvItems.ClientID%> :input").keyup(function(){
      this.value = this.value.toUpperCase();
});

上面的代码假设您的控件名为 gvItems，并将呈现 GridView 的客户端 ID，以便在 JQuery ID 选择器 (#MainContent_controlProductsList1_gvItems...) 中使用，并查找所有输入子元素 (:input)。

另一种选择是将类直接放在输入控件上:

$(".inputClass").keyup(function(){
    this.value = this.value.toUpperCase();
});