teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問JavascriptのgetElementByIdについて

編集履歴

質問編集履歴

9

追記

2020/01/25 02:51

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -15,6 +15,7 @@
15
15
 
16
16
  ```
17
17
  **
18
+
18
19
  新規WEBサイトで作成したものに、「GcTextBox1」changeイベントを追加しました。
19
20
  「<% %>」付きのものは動作しますが、無いものは動作しません。
20
21
  あらかじめテキストやラベルにセットした値はブラウザ表示したときは正しく入っています。
@@ -29,6 +30,15 @@
29
30
  alert("ラベル１" + lbl2.innerHTML);
30
31
 
31
32
  以上のような結果になります。
33
+
34
+ サンプルといいながら、実際にはmasterページとか他設定ファイルなどがあります。
35
+ このサンプルは、新規WEBページのプロジェクト作成してから
36
+ 適当なラベル追加して
37
+ <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">内に
38
+ javascriptを書いているだけです。ボタンイベントで書いてもよかったように思います。
39
+ サンプルにはテキストがあるのは、私が簡単にJavascriptのイベントを起こすのに書いているだけです。
40
+ ラベルだけでも再現できるかと思います。
41
+
32
42
  **
33
43
  ```ここに言語を入力
34
44
  <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

8

追記

2020/01/25 02:51

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -17,6 +17,18 @@
17
17
  **
18
18
  新規WEBサイトで作成したものに、「GcTextBox1」changeイベントを追加しました。
19
19
  「<% %>」付きのものは動作しますが、無いものは動作しません。
20
+ あらかじめテキストやラベルにセットした値はブラウザ表示したときは正しく入っています。
21
+ ブラウザ表示した後に、テキストに何か値を書き入れてフォーカスを抜けると
22
+ ダイアログが
23
+ 表示されます --> alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
24
+
25
+ 表示されます --> var lbl = document.getElementById('<%=this.Label1.ClientID%>');
26
+ alert("ラベル１" + lbl.innerHTML);
27
+
28
+ 表示されない --> var lbl2 = document.getElementById(this.Label1.ClientID);
29
+ alert("ラベル１" + lbl2.innerHTML);
30
+
31
+ 以上のような結果になります。
20
32
  **
21
33
  ```ここに言語を入力
22
34
  <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

7

ラベル追記

2020/01/25 02:38

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -27,14 +27,17 @@
27
27
  <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
28
28
 
29
29
  <script type="text/javascript">
30
-
30
+
31
31
  function change()
32
32
  {
33
33
 
34
34
  alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
35
35
 
36
+ var lbl = document.getElementById('<%=this.Label1.ClientID%>');
36
- alert("bb=" + FindIMControl(GcTextBox1.ClientID).GetValue());
37
+ alert("ラベル１" + lbl.innerHTML);
37
38
 
39
+ var lbl2 = document.getElementById(this.Label1.ClientID);
40
+ alert("ラベル１" + lbl2.innerHTML);
38
41
 
39
42
  }
40
43
 
@@ -57,6 +60,7 @@
57
60
  <shortcutitem controlid = "GcTextBox1" value = "Clear,113,DropDown,118"/>
58
61
  </im_extenders:GcShortcut>
59
62
  </p>
63
+ <asp:Label ID="Label1" runat="server" Text="らべる"></asp:Label>
60
64
  </div>
61
65
 
62
66
  <div class="row">
@@ -91,5 +95,6 @@
91
95
  </div>
92
96
  </asp:Content>
93
97
 
98
+
94
99
  ```
95
100
  以上、宜しくお願い致します。

6

更新

2020/01/24 10:27

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -27,24 +27,7 @@
27
27
  <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
28
28
 
29
29
  <script type="text/javascript">
30
- window.onload = init;
30
+
31
-
32
- function init() {
33
-
34
- var s = document.getElementById(spid);
35
- var e = e || window.event;
36
- //var rd = e.target || e.srcElement;
37
- var kcode = 13;
38
- s.AddKeyMap(kcode, false, false, false, "element.MoveToNextCell()");
39
- s.AddKeyMap(kcode, false, true, false, "element.MoveToPrevCell()");
40
- // KeyDownイベントの設定
41
-
42
- var text = document.getElementById(this.GcTextBox1.ClientID);
43
- alert("WAT");
44
- alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
45
-
46
- }
47
-
48
31
  function change()
49
32
  {
50
33
 

5

内容の変更

2020/01/24 10:14

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -14,167 +14,99 @@
14
14
  alert(r.text);
15
15
 
16
16
  ```
17
-
17
+ **
18
+ 新規WEBサイトで作成したものに、「GcTextBox1」changeイベントを追加しました。
19
+ 「<% %>」付きのものは動作しますが、無いものは動作しません。
20
+ **
18
21
  ```ここに言語を入力
22
+ <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
19
23
 
24
+ <%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4005.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
25
+ <%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4005.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
20
26
 
21
- <script src="../../script/linq.js" type="text/javascript"></script>
27
+ <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
28
+
22
- <script type="text/javascript">
29
+ <script type="text/javascript">
30
+ window.onload = init;
23
31
 
32
+ function init() {
33
+
34
+ var s = document.getElementById(spid);
35
+ var e = e || window.event;
36
+ //var rd = e.target || e.srcElement;
37
+ var kcode = 13;
38
+ s.AddKeyMap(kcode, false, false, false, "element.MoveToNextCell()");
39
+ s.AddKeyMap(kcode, false, true, false, "element.MoveToPrevCell()");
24
- //科目データ取得
40
+ // KeyDownイベントの設定
25
- var KamokuData = document.getElementById('<%=this.hdnJsonKamoku.ClientID%>');
26
- //alert("KamokuData.value=" + KamokuData.value);
27
- var objKamokuData = JSON.parse(KamokuData.value)
28
41
 
42
+ var text = document.getElementById(this.GcTextBox1.ClientID);
29
- var eventsw = true;
43
+ alert("WAT");
44
+ alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
30
45
 
31
- function EventSwChange(sw) {
32
- eventsw = sw;
33
- }
34
-
35
- document.onreadystatechange = function () {
36
- if (document.readyState == "complete") {
37
-
38
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
39
- if (spread.addEventListener) {
40
- spread.addEventListener("DataChanged", DataChanged, false);
41
- } else {
42
- spread.onDataChanged = DataChanged;
43
- }
44
-
45
- spread.addEventListener("keyup", keyup, false);
46
- //alert("keyup");
47
46
  }
48
- }
49
47
 
50
- function keyup(e) {
48
+ function change()
49
+ {
51
50
 
52
- // マルチカラムコンボボックス型セルに入力された値の取得
53
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
51
+ alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
54
- alert("A");
55
- var row = spread.GetActiveRow();
56
- alert("B");
57
- var col = spread.GetActiveCol();
58
- alert("C");
59
- //MainContent_FpDirectList_ctl05_Input
60
- alert("name=" + spread.id + "_ctl" + row + col + "_Input");
61
- var name = spread.id + "_ctl" + row + col + "_Input";
62
- var tx = document.getElementById('<%= spread.id + "_ctl" + row + col + "_Input" %>');
63
- alert("D");
64
- var r = tx.createTextRange();
65
- alert(r.text);
66
-
67
52
 
53
+ alert("bb=" + FindIMControl(GcTextBox1.ClientID).GetValue());
68
54
 
69
55
 
70
- }
71
-
72
-
73
- function DataChanged(e) {
74
-
75
- e = e || window.event;
76
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
77
- var TaxCtlType = document.getElementById('<%=this.hdnTaxCtlType.ClientID%>');
78
- var SiwakeHouhou = document.getElementsByName('<%=this.rdoSiwake.UniqueID %>');
79
- //alert("SiwakeHouhou[0].checked=" + SiwakeHouhou[0].checked);
80
- //alert("SiwakeHouhou[1].checked=" + SiwakeHouhou[1].checked);
81
- var col = spread.GetActiveCol();
82
- var row = spread.GetActiveRow();
83
- var value = e.cellValue;
84
-
85
-
86
- //行テンプレートのカラム位置取得
87
- var scindx = spread.GetSheetColIndex(col, row);
88
-
89
- //scindx=2は借方金額コンボ
90
- if (scindx == 2) {
91
- //貸方金額が入力されていない場合
92
- if (spread.GetValue(row, 6) == null || spread.GetValue(row, 6) == 0) {
93
- //仕訳方法＝単一仕訳に設定されている場合に借方の入力された金額を貸方の金額へコピーする
94
- if (SiwakeHouhou[0].checked == true) {
95
- spread.SetValue(row, 6, e.cellValue, eventsw);
96
- }
97
- }
98
- calcKingaku();
99
- return;
100
56
  }
101
- //scindx=4は貸方金額コンボ
102
- if (scindx == 4) {
103
- calcKingaku();
104
- return;
105
- }
106
57
 
107
- //摘要コンボ
108
- if (scindx == 9) {
109
- //alert(e.cellValue);
110
- spread.SetValue(row, 2, e.cellValue, eventsw);
111
- return;
112
- }
113
58
 
114
- //scindx=0は借方科目コンボ　scindx=3は貸方科目コンボ
59
+ </script>
115
- if (scindx == 0 || scindx == 3) {
116
60
 
117
- var TaxNm = Enumerable.From(objKamokuData)
118
- .Where(function (x) { return x.科目 == value })
119
- .Select(function (x) { return x.消区 })
120
- .ToArray();
121
61
 
122
- spread.SetValue(row + 1, col, TaxNm, eventsw);
123
62
 
124
- for (var row = row + 3; row <= 35; row += 3) {
125
63
 
64
+ <div class="jumbotron">
65
+ <h1>ASP.NET</h1>
66
+ <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS, and JavaScript.</p>
67
+ <p><a href="http://www.asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
68
+ <im_edit:GcTextBox ID="GcTextBox1" runat="server" HasLoadFromXml="True" Text="MAAA">
69
+ <clientevents textchanged="change">
126
- //金額がnullの場合はゼロをセット
70
+ </clientevents>
127
- if (spread.GetValue(row, 3) == null) {
128
- spread.SetValue(row, 3, Number(0), eventsw);
129
- }
130
- //金額がnullの場合はゼロをセット
71
+ </im_edit:GcTextBox>
72
+ <p>
73
+ <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
74
+ <shortcutitem controlid = "GcTextBox1" value = "Clear,113,DropDown,118"/>
131
- if (spread.GetValue(row, 6) == null) {
75
+ </im_extenders:GcShortcut>
76
+ </p>
132
- spread.SetValue(row, 6, Number(0), eventsw);
77
+ </div>
133
- }
134
78
 
79
+ <div class="row">
80
+ <div class="col-md-4">
81
+ <h2>Getting started</h2>
82
+ <p>
83
+ ASP.NET Web Forms lets you build dynamic websites using a familiar drag-and-drop, event-driven model.
84
+ A design surface and hundreds of controls and components let you rapidly build sophisticated, powerful UI-driven sites with data access.
85
+ </p>
86
+ <p>
87
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301948">Learn more &raquo;</a>
88
+ </p>
89
+ </div>
90
+ <div class="col-md-4">
91
+ <h2>Get more libraries</h2>
92
+ <p>
93
+ NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.
94
+ </p>
95
+ <p>
96
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301949">Learn more &raquo;</a>
97
+ </p>
98
+ </div>
99
+ <div class="col-md-4">
100
+ <h2>Web Hosting</h2>
101
+ <p>
102
+ You can easily find a web hosting company that offers the right mix of features and price for your applications.
103
+ </p>
104
+ <p>
105
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301950">Learn more &raquo;</a>
106
+ </p>
107
+ </div>
108
+ </div>
135
- //設定先行の金額がゼロの場合
109
+ </asp:Content>
136
- if (spread.GetValue(row, 3) == 0 && spread.GetValue(row, 6) == 0) {
137
- spread.SetValue(row, col, value, eventsw);
138
- spread.SetValue(row + 1, col, TaxNm, eventsw);
139
110
 
140
-
141
- }
142
- else {
143
- //既に何かを設定しているとみなして変更しない
144
- //continue;
145
- break;
146
- }
147
- break;
148
- }
149
-
150
- }
151
- }
152
-
153
- /// 金額計算
154
- function calcKingaku() {
155
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
156
- var kari = 0;
157
- var kasi = 0;
158
-
159
- for (var row = 0; row <= 35; row += 3) {
160
- kari = kari + Number(spread.GetValue(row, 3));
161
- kasi = kasi + Number(spread.GetValue(row, 6));
162
- }
163
- var lblkari = document.getElementById('<%=this.lblKarikataKin.ClientID%>');
164
- var lblkasi = document.getElementById('<%=this.lblKasikataKin.ClientID%>');
165
- if (kari != null) {
166
- lblkari.innerText = String(kari).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
167
- }
168
- if (kasi != null) {
169
- lblkasi.innerText = String(kasi).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
170
- }
171
-
172
-
173
-
174
- }
175
-
176
-
177
-
178
- </script>
179
111
  ```
180
112
  以上、宜しくお願い致します。

4

追記

2020/01/24 10:10

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -15,5 +15,166 @@
15
15
 
16
16
  ```
17
17
 
18
+ ```ここに言語を入力
18
19
 
20
+
21
+ <script src="../../script/linq.js" type="text/javascript"></script>
22
+ <script type="text/javascript">
23
+
24
+ //科目データ取得
25
+ var KamokuData = document.getElementById('<%=this.hdnJsonKamoku.ClientID%>');
26
+ //alert("KamokuData.value=" + KamokuData.value);
27
+ var objKamokuData = JSON.parse(KamokuData.value)
28
+
29
+ var eventsw = true;
30
+
31
+ function EventSwChange(sw) {
32
+ eventsw = sw;
33
+ }
34
+
35
+ document.onreadystatechange = function () {
36
+ if (document.readyState == "complete") {
37
+
38
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
39
+ if (spread.addEventListener) {
40
+ spread.addEventListener("DataChanged", DataChanged, false);
41
+ } else {
42
+ spread.onDataChanged = DataChanged;
43
+ }
44
+
45
+ spread.addEventListener("keyup", keyup, false);
46
+ //alert("keyup");
47
+ }
48
+ }
49
+
50
+ function keyup(e) {
51
+
52
+ // マルチカラムコンボボックス型セルに入力された値の取得
53
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
54
+ alert("A");
55
+ var row = spread.GetActiveRow();
56
+ alert("B");
57
+ var col = spread.GetActiveCol();
58
+ alert("C");
59
+ //MainContent_FpDirectList_ctl05_Input
60
+ alert("name=" + spread.id + "_ctl" + row + col + "_Input");
61
+ var name = spread.id + "_ctl" + row + col + "_Input";
62
+ var tx = document.getElementById('<%= spread.id + "_ctl" + row + col + "_Input" %>');
63
+ alert("D");
64
+ var r = tx.createTextRange();
65
+ alert(r.text);
66
+
67
+
68
+
69
+
70
+ }
71
+
72
+
73
+ function DataChanged(e) {
74
+
75
+ e = e || window.event;
76
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
77
+ var TaxCtlType = document.getElementById('<%=this.hdnTaxCtlType.ClientID%>');
78
+ var SiwakeHouhou = document.getElementsByName('<%=this.rdoSiwake.UniqueID %>');
79
+ //alert("SiwakeHouhou[0].checked=" + SiwakeHouhou[0].checked);
80
+ //alert("SiwakeHouhou[1].checked=" + SiwakeHouhou[1].checked);
81
+ var col = spread.GetActiveCol();
82
+ var row = spread.GetActiveRow();
83
+ var value = e.cellValue;
84
+
85
+
86
+ //行テンプレートのカラム位置取得
87
+ var scindx = spread.GetSheetColIndex(col, row);
88
+
89
+ //scindx=2は借方金額コンボ
90
+ if (scindx == 2) {
91
+ //貸方金額が入力されていない場合
92
+ if (spread.GetValue(row, 6) == null || spread.GetValue(row, 6) == 0) {
93
+ //仕訳方法＝単一仕訳に設定されている場合に借方の入力された金額を貸方の金額へコピーする
94
+ if (SiwakeHouhou[0].checked == true) {
95
+ spread.SetValue(row, 6, e.cellValue, eventsw);
96
+ }
97
+ }
98
+ calcKingaku();
99
+ return;
100
+ }
101
+ //scindx=4は貸方金額コンボ
102
+ if (scindx == 4) {
103
+ calcKingaku();
104
+ return;
105
+ }
106
+
107
+ //摘要コンボ
108
+ if (scindx == 9) {
109
+ //alert(e.cellValue);
110
+ spread.SetValue(row, 2, e.cellValue, eventsw);
111
+ return;
112
+ }
113
+
114
+ //scindx=0は借方科目コンボ　scindx=3は貸方科目コンボ
115
+ if (scindx == 0 || scindx == 3) {
116
+
117
+ var TaxNm = Enumerable.From(objKamokuData)
118
+ .Where(function (x) { return x.科目 == value })
119
+ .Select(function (x) { return x.消区 })
120
+ .ToArray();
121
+
122
+ spread.SetValue(row + 1, col, TaxNm, eventsw);
123
+
124
+ for (var row = row + 3; row <= 35; row += 3) {
125
+
126
+ //金額がnullの場合はゼロをセット
127
+ if (spread.GetValue(row, 3) == null) {
128
+ spread.SetValue(row, 3, Number(0), eventsw);
129
+ }
130
+ //金額がnullの場合はゼロをセット
131
+ if (spread.GetValue(row, 6) == null) {
132
+ spread.SetValue(row, 6, Number(0), eventsw);
133
+ }
134
+
135
+ //設定先行の金額がゼロの場合
136
+ if (spread.GetValue(row, 3) == 0 && spread.GetValue(row, 6) == 0) {
137
+ spread.SetValue(row, col, value, eventsw);
138
+ spread.SetValue(row + 1, col, TaxNm, eventsw);
139
+
140
+
141
+ }
142
+ else {
143
+ //既に何かを設定しているとみなして変更しない
144
+ //continue;
145
+ break;
146
+ }
147
+ break;
148
+ }
149
+
150
+ }
151
+ }
152
+
153
+ /// 金額計算
154
+ function calcKingaku() {
155
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
156
+ var kari = 0;
157
+ var kasi = 0;
158
+
159
+ for (var row = 0; row <= 35; row += 3) {
160
+ kari = kari + Number(spread.GetValue(row, 3));
161
+ kasi = kasi + Number(spread.GetValue(row, 6));
162
+ }
163
+ var lblkari = document.getElementById('<%=this.lblKarikataKin.ClientID%>');
164
+ var lblkasi = document.getElementById('<%=this.lblKasikataKin.ClientID%>');
165
+ if (kari != null) {
166
+ lblkari.innerText = String(kari).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
167
+ }
168
+ if (kasi != null) {
169
+ lblkasi.innerText = String(kasi).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
170
+ }
171
+
172
+
173
+
174
+ }
175
+
176
+
177
+
178
+ </script>
179
+ ```
19
180
  以上、宜しくお願い致します。

3

変更

2020/01/24 09:35

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -1,25 +1,12 @@
1
1
  お世話になっております。
2
2
 
3
- ~~１．下記サンプルコードのように記述したのですが
4
- 「var tx = document.getElementById('<%= ctlname %>');」部分でエラーに
5
- なってしまいました。
6
- 「ctlname」部分がエラーとなっているようですが、どのように記述すればよいでしょうか？
7
3
 
8
- ＃ADD START＃
9
- 下記の書き方ではJavaScriptや実行してもサーバエラーとはならないですが
4
+ 以下のように文字列を記述すると下記の太文字部分がエラーになってしまいます。
5
+ HTMLとなったときのIDは⇒id="MainContent_FpDirectList_ctl05_Input"です。
10
- 「'<%=　%>」部分を記述していないので値の取得はできないです。
6
+ MainContent_FpDirectListがgrid.idで05部分がrowとcolになり動的生成します。
11
- var tx = document.getElementById(grid.id + "_ctl" + row + col + "_Input");
7
+ document.getElementById('<%= **grid.id** + "_ctl" + **row **+ **col **+ "_Input"　%>')
12
- ＃ADD END＃
13
8
 
14
- ２．ググってみると「document.getElementById(this.Grid.ClientID)」で
15
- 「'<%=　%>」部分を記述しない書き方が多いのです
16
- 私のページでは「'<%=　%>」部分を記述しないと上手く動作しません。
17
- 「'<%=　%>」の有無って何が違うのでしょうか？~~
18
9
 
19
- 以下のように記述できる方法が知りたいです。
20
- document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input"　%>')
21
-
22
-
23
10
  ```JavaScript
24
11
  var grid = document.getElementById('<%=this.Grid.ClientID%>')
25
12
  var tx = document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input" %>');

2

質問の書き方変えました

2020/01/22 08:21

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  お世話になっております。
2
2
 
3
- １．下記サンプルコードのように記述したのですが
3
+ ~~１．下記サンプルコードのように記述したのですが
4
4
  「var tx = document.getElementById('<%= ctlname %>');」部分でエラーに
5
5
  なってしまいました。
6
6
  「ctlname」部分がエラーとなっているようですが、どのように記述すればよいでしょうか？
@@ -11,18 +11,18 @@
11
11
  var tx = document.getElementById(grid.id + "_ctl" + row + col + "_Input");
12
12
  ＃ADD END＃
13
13
 
14
-
15
-
16
14
  ２．ググってみると「document.getElementById(this.Grid.ClientID)」で
17
15
  「'<%=　%>」部分を記述しない書き方が多いのです
18
16
  私のページでは「'<%=　%>」部分を記述しないと上手く動作しません。
19
- 「'<%=　%>」の有無って何が違うのでしょうか？
17
+ 「'<%=　%>」の有無って何が違うのでしょうか？~~
20
18
 
19
+ 以下のように記述できる方法が知りたいです。
20
+ document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input"　%>')
21
21
 
22
+
22
23
  ```JavaScript
23
24
  var grid = document.getElementById('<%=this.Grid.ClientID%>')
24
- ctlname = grid.id + "_ctl" + row + col + "_Input";
25
+ var tx = document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input" %>');
25
- var tx = document.getElementById('<%= ctlname %>');
26
26
  var r = tx.createTextRange();
27
27
  alert(r.text);
28
28
 

1

追記

2020/01/22 08:15

投稿

cutedog
cutedog

スコア177

title CHANGED
File without changes
body CHANGED
@@ -5,6 +5,14 @@
5
5
  なってしまいました。
6
6
  「ctlname」部分がエラーとなっているようですが、どのように記述すればよいでしょうか？
7
7
 
8
+ ＃ADD START＃
9
+ 下記の書き方ではJavaScriptや実行してもサーバエラーとはならないですが
10
+ 「'<%=　%>」部分を記述していないので値の取得はできないです。
11
+ var tx = document.getElementById(grid.id + "_ctl" + row + col + "_Input");
12
+ ＃ADD END＃
13
+
14
+
15
+
8
16
  ２．ググってみると「document.getElementById(this.Grid.ClientID)」で
9
17
  「'<%=　%>」部分を記述しない書き方が多いのです
10
18
  私のページでは「'<%=　%>」部分を記述しないと上手く動作しません。