web-dev-qa-db-ja.com

jQueryでラベルのテキストを変更する方法

ラジオボタンのリストがあり、ラジオボタンの項目をクリックするとそのラベルのテキストを変更する必要があります。しかし、何らかの理由でそれが機能していません。コードは以下のとおりです。

<asp:Label ID="lblVessel" Text="Vessel:" runat="server" ></asp:Label>

<script language="javascript">

    $(document).ready(function() {

       $('#rblDiv input').click(function() {
            var selected= $("#rblDiv input:radio:checked").val();
            if(selected == "exportpack") 
            {
              $('#lblVessel').text("NewText");
            }
       });
    });

</script>

お知らせ下さい

jqueryhtmlasp.netlabel
147
Amit

ASP.Net は自動的にサーバー側コントロール用の一意のクライアントIDを生成します 。

に変更

 $('#<%= lblVessel.ClientID %>')

ASP.Net 4.0では、代わりに ClientIDModeプロパティ をStaticに設定することもできます。

53
SLaks

私が使っていたので私は同じ問題を抱えていた

$("#LabelID").val("some value");

暫定的なjqueryメソッドを使用して最初にそれをクリアしてから追加することができます。

$("#LabelID").empty();
$("#LabelID").append("some Text");

または慣習的に、あなたは使うことができます：

$("#LabelID").text("some value");

OR

$("#LabelID").html("some value");
244
user1697483

これを試して：

$('[id$=lblVessel]').text("NewText");

id$=は、そのテキストで終わる要素と一致します。これは、ASP.NETがIDを自動生成する方法です。 span[id=$=lblVessel]を使ってより安全にすることができますが、通常これは必要ありません。

44
Codesleuth

これを試して

$("label").html(your value);または$("label").text(your value);

9
DCG Scuff
<asp:RadioButtonList ID="rbtnType" runat="server">
    <asp:ListItem Value="C">Co</asp:ListItem>
    <asp:ListItem Value="I">In</asp:ListItem>
    <asp:ListItem Value="O">Out</asp:ListItem>
</asp:RadioButtonList>
<br />
<asp:Label ID="lblLabelName" runat="server"></asp:Label>
<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=rbtnType.ClientID%>").change(function() {
            var rbvalue = $("input[@name=<%=rbtnType.ClientID%>]:radio:checked").val();
            if (rbvalue == "C") {
                $('#<%=lblLabelName.ClientID %>').html('text1');
            } else if (rbvalue == "I") {
                $('#<%=lblLabelName.ClientID %>').html('else text2');
            } else if (rbvalue == "O") {
                $('#<%=lblLabelName.ClientID %>').html('or elsethistext');
            }
        });
    });
</script>
5
Sravan Kumar

私はこれを自分で調べて解決策を見つけました。 ASP.NETラベルサーバーコントロールが実際にはスパン（入力ではない）として並べ替えられるので、get/setに.val（）プロパティを使用しても機能しません。代わりに、コントロールの.ClientIDプロパティを使用すると共に、スパンで 'text'プロパティを使用する必要があります。次のコードは動作します。

$("#<%=lblVessel.ClientID %>").text('NewText');
4
atconway
$('#<%= lblVessel.ClientID %>').html('New Text');

ASP.netラベルはブラウザでスパンとして表示されます。ユーザー 'html'です。

3
Vikas Kottari

that.weに基づいて属性値のラベルタグを見つける必要がありますラベルテキストを置き換えます。

スクリプト：

<script type="text/javascript">
$(document).ready(function() 
{ 
$("label[for*='test']").html("others");
});

</script>

HTML

<label for="test_992918d5-a2f4-4962-b644-bd7294cbf2e6_FillInButton">others</label>

詳細については、ここをクリックしてください

2
Tamilan
   lable value $('#lablel_id').html(value);
0
suraj khot