【问题标题】:Not able to set label text from jquery无法从 jquery 设置标签文本
【发布时间】:2014-01-05 05:49:15
【问题描述】:

要求是当用户选择任何节点时,从树视图中设置标签文本。在调试时,我得到了正确的医院名称,但它没有设置标签文本。

$("[id$=HospitalTreeViewDiv] span").click(function () {

  var hospitalName = $(this)[0].outerText;

  //this is also not working
  // $("label[for='SelectedHospitalLiteral']").text(hospitalName); 

  $("[id$=SelectedHospitalLiteral]").val("abc");

});

这是aspx sn-p

   <div runat="server" id="HospitalTreeViewDiv">
            <asp:TreeView ID="HospitalTreeView" runat="server" ExpandDepth="0">
            </asp:TreeView>
   </div>

   <div class="alignBottom">
        <p> <asp:Label ID="SelectedHospitalLiteral" runat="server" ></asp:Label></p>
   </div>

【问题讨论】:

  • 对于&lt;label&gt;其.text("your text")
  • 请以;结束陈述
  • .val() 仅用于具有value 的元素,而label 则不是这种情况。请改用.text() 或.html()。
  • 更正; 没有帮助。

标签: javascript jquery asp.net


【解决方案1】:

使用 HiddenField 进行回发

<asp:HiddenField runat="server" ID="labelText" Value=""/>

$("[id$=HospitalTreeViewDiv] span").click(function () {
      $("[id$=labelText]").val("abc")
});

参考这个:How to change the text of a label in jQuery?

【讨论】:

  • 短暂的微笑...$html 在 UI 工作,但在代码后面我仍然在获取旧值
  • 后面的代码是什么意思:一旦你设置了标签的文本,你就可以在后面的代码中访问该值...#
  • 不,我检查了 $html 正在更改文本,但是当您看到它后面的 label.Text 代码将给出旧值(在我的情况下它是空的)所以我得到这个呈现的 html @ 987654324@
  • 您是在发回您的页面,还是将其重定向到同一页面。因为当你想访问代码隐藏中的文本时,如果它没有被回发,它将重新渲染 HTML 并重新设置标签的文本
  • 我是asp.net的新手,让我来分析一下你最后的评论
【解决方案2】:

当你使用asp controls label control 时,使用ClientID 来获得控制权:

也可以设置文字使用text("yourtext")

在这里使用您的代码:

 $("[id$=HospitalTreeViewDiv] span").click(function () {

      var hospitalName = $(this)[0].outerText; //your forgot to give semicolon here

      $("#<%=SelectedHospitalLiteral.ClientID%>").text("abc"); // and also semicolon  here 

    });

【讨论】:

  • 就我而言,它本身就崩溃了$("#&lt;%=HospitalTreeViewDiv.ClientID%&gt;")... 它说Microsoft JScript runtime error: Syntax error, unrecognized expression: #&lt;%= HospitalTreeViewDiv.ClientID %&gt;
  • 是的,没错,它会崩溃。渲染 ID 将是多个所以...修改后的答案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多