【问题标题】:label text set in javascript not showing label text on server sidejavascript中设置的标签文本未在服务器端显示标签文本
【发布时间】:2014-02-13 22:58:06
【问题描述】:

我知道我的问题与here 重复,但仍然面临问题

在我的 javascript 代码中,我尝试了不同的方式为标签分配文本

 function fileuploadvalidation() {
document.getElementById("<%=lableid.ClientID%>").Text = "hello"; 
document.getElementById("<%=lableid.ClientID%>").innerHTML = "hi";
}

它也可以在我的 .aspx 页面上看到文本,但是当我过去在服务器端获取该文本时,它会变成空白。

.html页面代码

<asp:UpdatePanel ID="UpdatePanel16" runat="server"><ContentTemplate>
<asp:Button ID="btn_browse" runat="server" Text="Upload" OnClick="btn_browse_Click" OnClientClick="return fileuploadvalidation();" />&nbsp;&nbsp;
<asp:Label ID="lableid" runat="server" Text="" Style="font-size: small; font-weight: 400;font-family: Arial, Helvetica, sans-serif"></asp:Label> 
</ContentTemplate></asp:UpdatePanel>

.cs 代码

protected void btn_browse_Click(object sender, EventArgs e)
{
    string abc = lableid.Text;// This is coming null
}

【问题讨论】:

    标签: c# javascript asp.net updatepanel


    【解决方案1】:

    使用hidden-field存储你设置的值,然后在后面的代码中访问它

    添加隐藏字段

     <input type="hidden" id ="hiddenfieldid" runat="server" />
    

    .

    function fileuploadvalidation() {
        document.getElementById("lableid").value = "hello"; 
        document.getElementById('hiddenfieldid').value= "hello"; 
    }
    

    然后在code behind 中检索它。

    string abc = hiddenfieldid.value;
    

    【讨论】:

    • @MiteshJain:现在检查答案
    • 不工作,我试过了,甚至标签也没有显示在.aspx上
    • 嘿,它的工作原理,你能给我多一点帮助吗? .aspx 页面上显示的文本在我以前单击按钮时变为空白,我应该怎么做才能不使该标签文本变为空白
    • @MiteshJain 只是将隐藏字段的值设置回后面代码中的标签,或者您可以使用 jquery 使用 val 函数设置值
    【解决方案2】:

    我想你想添加设置标签的 value 属性

     var lbl = document.getElementById("<%=lableid.ClientID%>")
     lbl.value = "hello"; 
    

    【讨论】:

    • 尝试移除客户端点击查看你的回发是否正常且有值
    【解决方案3】:

    尝试使用这个

     $('#lableid').val($('#lableid').val().replace($('#lableid').val(), "hello"));
    

    【讨论】:

    • 你应该让提问者知道他们需要使用 JQuery 来解决这个问题
    • 是的 Mitesh Jainyou 你真的需要 jquery.com 或使用像 Sajad Lfc 这样的隐藏字段
    • 首先是“Hello”文本设置为标签?
    猜你喜欢
    • 2012-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多