Question

我有asp:hiddenField控件：

<asp:HiddenField ID="AuxHiddenField" runat="server"/>

我想使用Jquery触发其（服务器端）值更改事件：

Protected Sub AuxHiddenField_Changed(ByVal sender As Object, ByVal e As System.EventArgs) Handles AuxHiddenField.ValueChanged
    'some logic here      
End Sub

我试过了：

$('#AuxHiddenField').val("Mohaha!!");

Jquery无法找到该元素，没有任何反应。我该如何解决这个问题？

Answer 1

ASP.net使用算法生成ClientID。默认情况下，它基于命名容器，控件包含在中。

生成的HTML中的ID可能不是AuxHiddenField，而是ctl00_AuxHiddenField。

设置ClientIDMode：

<asp:HiddenField ID="AuxHiddenField" runat="server" ClientIDMode="Static" />

或者在jquery中，使用attirute selectors：

$('input[id$=AuxHiddenField]')  // id ends with AuxHiddenField

我个人不喜欢<%= Field.ClientID %>这样做的方式，因为如果你的javascript在一个单独的文件中，它将不会被asp.net处理。

进一步阅读：

使用javascript以编程方式更改值不会触发change事件，您必须手动触发它：

$('input[id$=AuxHiddenField]').val("any val").change(); // or .trigger('change');

行动here。

关于ValueChanged事件

不幸的是，HiddenField没有AutoPostBack属性（事后才有意义）。
我认为你必须在更改值后以编程方式触发回发如果您正在使用ajax，请使用__doPostBack()，否则，请提交您的表单document.forms[0].submit()。

另一个解决方案是用不可见的TextBox替换HiddenField：

<asp:TextBox runat="server" ID="mytextbox" Value="" Style="display:none;" AutoPostBack="true" OnTextChanged="mytextbox_TextChanged"></asp:TextBox>

以编程方式更改值将引发事件服务器端请注意，为了隐藏文本框，您不应该使用Visible="false，因为它不会在最终的html中呈现，请使用Style="display:none;"属性（css）。

Answer 2

要查找值：

$('#<%= AuxHiddenField.ClientID %>').val("Mohaha!!");

但是，使用JavaScript设置值永远不会触发更改事件，我认为hiddens不支持它....

如何使用JQuery触发Asp：HiddenField OnValueChanged事件？

2 个答案: