- PR -

JavaScriptを使用してのLabelのTextプロパティの変更方法

投稿者投稿内容
Juni
常連さん
会議室デビュー日: 2004/02/05
投稿数: 25
お住まい・勤務地: 兵庫県
投稿日時: 2004-02-12 15:15
Webアプリの初心者です。

ASP.NETのWebアプリでJavaScriptを使用しているのですが、
JavaScriptを使用して、LabelのTextプロパティの値を変更して表示するには
どのようにすれば良いのでしょうか?

ASP.NETだと
Label1.Text = "xxx"
とすれば簡単に変更できると思いますが、JavaScriptだとうまくいきません。
JavaScriptでTextBoxの値を変更するのはできるのですが・・・。

自分なりに調べてみたのですが、わからなかったので
どなたかお教えいただければと思います。

よろしくお願いします。
BB.NK
大ベテラン
会議室デビュー日: 2004/02/05
投稿数: 138
投稿日時: 2004-02-12 15:21
この前知りました。。。

document.Form1.TEST_label.value = "xxx";

↑編集しました。(document.Form1を念のため追記しました)
表示させたページのソースを見てみるとわかります。



[ メッセージ編集済み 編集者: BB.NK 編集日時 2004-02-12 15:23 ]
Juni
常連さん
会議室デビュー日: 2004/02/05
投稿数: 25
お住まい・勤務地: 兵庫県
投稿日時: 2004-02-12 15:42
ご返事ありがとうございます。
早速試してみたんですが・・・うまくいきませんでした。

試しにTextBoxとlabelの両方のTextプロパティを変更してみましたが、
変更したときにlabelのほうのみエラーが出てしまいました。

エラーメッセージの内容は
「エラー:'document.Form1.Label1'はNullまたはオブジェクトではありません」
でした。

ソースとしては

document.Form1.TextBox1.value = "xxx"; //***TextBoxの変更
document.Form1.Label1.value = "xxx"; //***Labelの変更

としたのですが、Labelのほうでのみエラーが出てしまいます。
これは、また別の問題なのでしょうか?
あつしfx
大ベテラン
会議室デビュー日: 2002/04/08
投稿数: 104
お住まい・勤務地: XPできるところ
投稿日時: 2004-02-12 15:49
PHP+JavaSciptのときの話ですが、ラベルはspanタグをつかってIDをつけていました。
ASP.Netで作成したHTMLを実際に見てラベルのところにどんなタグがついているかを調べるのがいいと思います。
_________________
http://aglabo.com/ @Homepage
http://furukawa-select.com/mt/ @Blog
BB.NK
大ベテラン
会議室デビュー日: 2004/02/05
投稿数: 138
投稿日時: 2004-02-12 15:53
しまった!!!

済みません、ラベルでしたね。。。
正直私も知りません。
以前やったときは急ぎだったので、Visibleで複数ラベル使いました。

失礼しました。
Juni
常連さん
会議室デビュー日: 2004/02/05
投稿数: 25
お住まい・勤務地: 兵庫県
投稿日時: 2004-02-12 15:58
ご返事ありがとうございます。

タグの中身としては

<asp:TextBox id="TextBox1" onBlur = "indicate()" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server"></asp:TextBox>

<asp:Label id="Label1" style="Z-INDEX: 103; LEFT: 240px; POSITION: absolute; TOP: 64px" runat="server">Label</asp:Label>

となっています。

上がてTextBoxで下がLabelになっています。

この場合はどのように記述すればよいのでしょうか?

ちなみにフォームのタグは
<form id="Form1" method="post" runat="server">

となっています。

Juni
常連さん
会議室デビュー日: 2004/02/05
投稿数: 25
お住まい・勤務地: 兵庫県
投稿日時: 2004-02-12 15:58
ご返事ありがとうございます。

タグの中身としては

<asp:TextBox id="TextBox1" onBlur = "indicate()" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server"></asp:TextBox>

<asp:Label id="Label1" style="Z-INDEX: 103; LEFT: 240px; POSITION: absolute; TOP: 64px" runat="server">Label</asp:Label>

となっています。

上がてTextBoxで下がLabelになっています。

この場合はどのように記述すればよいのでしょうか?

ちなみにフォームのタグは
<form id="Form1" method="post" runat="server">

となっています。

ほむら
ぬし
会議室デビュー日: 2003/02/28
投稿数: 583
お住まい・勤務地: 東京都
投稿日時: 2004-02-12 15:58
ども、ほむらです。
--------
ASP.NET知りませんけど
<label>をJavaScriptで修正するのであれば
innerHTMLを編集することになると思います
#ie専用ならばinnerTextでもできる?

スキルアップ/キャリアアップ(JOB@IT)