我有 hiddentfield 其值在 javascript 上发生变化。
我只是想在隐藏字段的值从 javascript 更改时触发服务器端事件 valuechanged 事件。
我试过了：
__doPostBack('hfLatitude', 'ValueChanged');
但给我错误：
Microsoft JScript runtime error: '__doPostBack' is undefined
有没有其他选择？
请帮帮我。
【问题讨论】：
标签： c# javascript asp.net .net visual-studio-2008
在 javascript 中，对隐藏元素的值更改不会自动触发“onchange”事件。因此，您必须使用“GetPostBackEventReference”手动触发已在回发时执行的代码。
因此，使用经典的 javascript 方法，您的代码应该类似于下面的示例。
在您的 aspx/ascx 文件中：
<asp:HiddenField runat="server" ID="hID" OnValueChanged="hID_ValueChanged" Value="Old Value" />
<asp:Literal runat="server" ID="litMessage"></asp:Literal>
<asp:Button runat="server" ID="btnClientChage" Text="Change hidden value" OnClientClick="ChangeValue(); return false;" />
<script language="javascript" type="text/javascript">
function ChangeValue()
{
document.getElementById("<%=hID.ClientID%>").value = "New Value";
// you have to add the line below, because the last line of the js code at the bottom doesn't work
fValueChanged();
}
function fValueChanged()
{
<%=this.Page.GetPostBackEventReference(hID, "")%>;
}
// the line below doesn't work, this is why you need to manually trigger the fValueChanged methiod
// document.getElementById("<%=hID.ClientID%>").onchange = fValueChanged;
</script>
在你的cs文件中：
protected void hID_ValueChanged(object sender, EventArgs e)
{
litMessage.Text = @"Changed to '" + hID.Value + @"'";
}
【讨论】：
this.Page.GetPostBackEventReference现在已经过时了，最好使用this.ClientScript.GetPostBackEventReference
又快又脏：
只需在表单上放一个 asp 按钮。设置它display:none。
<asp:Button id="xyx" runat="server" style="display:none" OnClick="xyx_Click" />
在其点击事件上调用任何服务器端事件。
protected void xyx_Click(o,e)
{
//you server side statements
}
要从 JS 调用它，使用如下：
<script>
function myserverside_call()
{
var o = document.getElementById('<%=xyx.ClientID%>');
o.click();
}
function anyotherjsfunc()
{
//some statements
myserverside_call();
}
</script>
【讨论】：
第一种方法是使用HiddenField.ValueChanged Event。
如果您还想在客户端查看此变量，只需使用此：
$('#hidden_input').change(function() {
alert('value changed');
});
第二种方法是给变量赋值：
$('#hidden_input').val('new_value').trigger('change');
【讨论】：