Question

我有hiddentfield，其值在javascript上有所改变。

我只想在其值从javascript更改时触发hiddenfield的serveride事件valuechanged事件。

我尝试过：

__doPostBack('hfLatitude', 'ValueChanged');

但是给我错误：

Microsoft JScript runtime error: '__doPostBack' is undefined

还有其他替代方法吗？

请帮帮我。

Answer 1

在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 + @"'";
}

Answer 2

第一种方式是使用HiddenField.ValueChanged Event。

如果您还希望在客户端中观看此变量，请使用以下命令：

    $('#hidden_input').change(function() { 
     alert('value changed');
});

第二种方式是为Varible指定值：

$('#hidden_input').val('new_value').trigger('change');

Answer 3

快速而肮脏：

只需在表单上放一个asp按钮即可。设置display:none。

<asp:Button id="xyx" runat="server" style="display:none" OnClick="xyx_Click" />

在其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>

来自javascript的Fire Server Side事件

3 个答案: