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

編集履歴

質問編集履歴

9

追記

2020/01/25 02:51

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -32,6 +32,8 @@
32
32
 
33
33
  **
34
34
 
35
+
36
+
35
37
  新規WEBサイトで作成したものに、「GcTextBox1」changeイベントを追加しました。
36
38
 
37
39
  「<% %>」付きのものは動作しますが、無いものは動作しません。
@@ -60,6 +62,24 @@
60
62
 
61
63
  以上のような結果になります。
62
64
 
65
+
66
+
67
+ サンプルといいながら、実際にはmasterページとか他設定ファイルなどがあります。
68
+
69
+ このサンプルは、新規WEBページのプロジェクト作成してから
70
+
71
+ 適当なラベル追加して
72
+
73
+ <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">内に
74
+
75
+ javascriptを書いているだけです。ボタンイベントで書いてもよかったように思います。
76
+
77
+ サンプルにはテキストがあるのは、私が簡単にJavascriptのイベントを起こすのに書いているだけです。
78
+
79
+ ラベルだけでも再現できるかと思います。
80
+
81
+
82
+
63
83
  **
64
84
 
65
85
  ```ここに言語を入力

8

追記

2020/01/25 02:51

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -36,6 +36,30 @@
36
36
 
37
37
  「<% %>」付きのものは動作しますが、無いものは動作しません。
38
38
 
39
+ あらかじめテキストやラベルにセットした値はブラウザ表示したときは正しく入っています。
40
+
41
+ ブラウザ表示した後に、テキストに何か値を書き入れてフォーカスを抜けると
42
+
43
+ ダイアログが
44
+
45
+ 表示されます --> alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
46
+
47
+
48
+
49
+ 表示されます --> var lbl = document.getElementById('<%=this.Label1.ClientID%>');
50
+
51
+ alert("ラベル１" + lbl.innerHTML);
52
+
53
+
54
+
55
+ 表示されない --> var lbl2 = document.getElementById(this.Label1.ClientID);
56
+
57
+ alert("ラベル１" + lbl2.innerHTML);
58
+
59
+
60
+
61
+ 以上のような結果になります。
62
+
39
63
  **
40
64
 
41
65
  ```ここに言語を入力

7

ラベル追記

2020/01/25 02:38

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -56,7 +56,7 @@
56
56
 
57
57
  <script type="text/javascript">
58
58
 
59
-
59
+
60
60
 
61
61
  function change()
62
62
 
@@ -68,9 +68,15 @@
68
68
 
69
69
 
70
70
 
71
+ var lbl = document.getElementById('<%=this.Label1.ClientID%>');
72
+
71
- alert("bb=" + FindIMControl(GcTextBox1.ClientID).GetValue());
73
+ alert("ラベル１" + lbl.innerHTML);
72
74
 
73
75
 
76
+
77
+ var lbl2 = document.getElementById(this.Label1.ClientID);
78
+
79
+ alert("ラベル１" + lbl2.innerHTML);
74
80
 
75
81
 
76
82
 
@@ -115,6 +121,8 @@
115
121
  </im_extenders:GcShortcut>
116
122
 
117
123
  </p>
124
+
125
+ <asp:Label ID="Label1" runat="server" Text="らべる"></asp:Label>
118
126
 
119
127
  </div>
120
128
 
@@ -184,6 +192,8 @@
184
192
 
185
193
 
186
194
 
195
+
196
+
187
197
  ```
188
198
 
189
199
  以上、宜しくお願い致します。

6

更新

2020/01/24 10:27

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -56,41 +56,7 @@
56
56
 
57
57
  <script type="text/javascript">
58
58
 
59
- window.onload = init;
59
+
60
-
61
-
62
-
63
- function init() {
64
-
65
-
66
-
67
- var s = document.getElementById(spid);
68
-
69
- var e = e || window.event;
70
-
71
- //var rd = e.target || e.srcElement;
72
-
73
- var kcode = 13;
74
-
75
- s.AddKeyMap(kcode, false, false, false, "element.MoveToNextCell()");
76
-
77
- s.AddKeyMap(kcode, false, true, false, "element.MoveToPrevCell()");
78
-
79
- // KeyDownイベントの設定
80
-
81
-
82
-
83
- var text = document.getElementById(this.GcTextBox1.ClientID);
84
-
85
- alert("WAT");
86
-
87
- alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
88
-
89
-
90
-
91
- }
92
-
93
-
94
60
 
95
61
  function change()
96
62
 

5

内容の変更

2020/01/24 10:14

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -30,330 +30,194 @@
30
30
 
31
31
  ```
32
32
 
33
-
33
+ **
34
+
35
+ 新規WEBサイトで作成したものに、「GcTextBox1」changeイベントを追加しました。
36
+
37
+ 「<% %>」付きのものは動作しますが、無いものは動作しません。
38
+
39
+ **
34
40
 
35
41
  ```ここに言語を入力
36
42
 
37
-
38
-
39
-
40
-
41
- <script src="../../script/linq.js" type="text/javascript"></script>
42
-
43
- <script type="text/javascript">
44
-
45
-
46
-
47
- //科目データ取得
48
-
49
- var KamokuData = document.getElementById('<%=this.hdnJsonKamoku.ClientID%>');
50
-
51
- //alert("KamokuData.value=" + KamokuData.value);
52
-
53
- var objKamokuData = JSON.parse(KamokuData.value)
54
-
55
-
56
-
57
- var eventsw = true;
58
-
59
-
60
-
61
- function EventSwChange(sw) {
62
-
63
- eventsw = sw;
64
-
65
- }
66
-
67
-
68
-
69
- document.onreadystatechange = function () {
70
-
71
- if (document.readyState == "complete") {
72
-
73
-
74
-
75
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
76
-
77
- if (spread.addEventListener) {
78
-
79
- spread.addEventListener("DataChanged", DataChanged, false);
80
-
81
- } else {
82
-
83
- spread.onDataChanged = DataChanged;
84
-
85
- }
86
-
87
-
88
-
89
- spread.addEventListener("keyup", keyup, false);
90
-
91
- //alert("keyup");
43
+ <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
44
+
45
+
46
+
47
+ <%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4005.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMEdit" tagprefix="im_edit" %>
48
+
49
+ <%@ Register assembly="GrapeCity.Web.Input.v100, Version=10.0.4005.2012, Culture=neutral, PublicKeyToken=c3bd7c1dccef5128" namespace="GrapeCity.Web.Input.IMExtenders" tagprefix="im_extenders" %>
50
+
51
+
52
+
53
+ <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
54
+
55
+
56
+
57
+ <script type="text/javascript">
58
+
59
+ window.onload = init;
60
+
61
+
62
+
63
+ function init() {
64
+
65
+
66
+
67
+ var s = document.getElementById(spid);
68
+
69
+ var e = e || window.event;
70
+
71
+ //var rd = e.target || e.srcElement;
72
+
73
+ var kcode = 13;
74
+
75
+ s.AddKeyMap(kcode, false, false, false, "element.MoveToNextCell()");
76
+
77
+ s.AddKeyMap(kcode, false, true, false, "element.MoveToPrevCell()");
78
+
79
+ // KeyDownイベントの設定
80
+
81
+
82
+
83
+ var text = document.getElementById(this.GcTextBox1.ClientID);
84
+
85
+ alert("WAT");
86
+
87
+ alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
88
+
89
+
92
90
 
93
91
  }
94
92
 
95
- }
93
+
96
-
97
-
98
-
99
- function keyup(e) {
94
+
100
-
101
-
102
-
103
- // マルチカラムコンボボックス型セルに入力された値の取得
104
-
105
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
106
-
107
- alert("A");
108
-
109
- var row = spread.GetActiveRow();
110
-
111
- alert("B");
112
-
113
- var col = spread.GetActiveCol();
114
-
115
- alert("C");
116
-
117
- //MainContent_FpDirectList_ctl05_Input
118
-
119
- alert("name=" + spread.id + "_ctl" + row + col + "_Input");
120
-
121
- var name = spread.id + "_ctl" + row + col + "_Input";
122
-
123
- var tx = document.getElementById('<%= spread.id + "_ctl" + row + col + "_Input" %>');
124
-
125
- alert("D");
126
-
127
- var r = tx.createTextRange();
128
-
129
- alert(r.text);
130
-
131
-
132
-
133
-
134
-
135
-
136
-
137
-
138
-
139
- }
140
-
141
-
142
-
143
-
144
-
145
- function DataChanged(e) {
95
+ function change()
146
-
147
-
148
-
96
+
149
- e = e || window.event;
97
+ {
150
-
98
+
99
+
100
+
151
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
101
+ alert("aa=" + FindIMControl('<% =this.GcTextBox1.ClientID %>').GetValue());
152
-
153
- var TaxCtlType = document.getElementById('<%=this.hdnTaxCtlType.ClientID%>');
102
+
154
-
155
- var SiwakeHouhou = document.getElementsByName('<%=this.rdoSiwake.UniqueID %>');
103
+
156
-
104
+
157
- //alert("SiwakeHouhou[0].checked=" + SiwakeHouhou[0].checked);
105
+ alert("bb=" + FindIMControl(GcTextBox1.ClientID).GetValue());
158
-
159
- //alert("SiwakeHouhou[1].checked=" + SiwakeHouhou[1].checked);
106
+
160
-
161
- var col = spread.GetActiveCol();
107
+
162
-
163
- var row = spread.GetActiveRow();
108
+
164
-
165
- var value = e.cellValue;
109
+
166
-
167
-
168
-
169
-
170
-
171
- //行テンプレートのカラム位置取得
172
-
173
- var scindx = spread.GetSheetColIndex(col, row);
174
-
175
-
176
-
177
- //scindx=2は借方金額コンボ
178
-
179
- if (scindx == 2) {
180
-
181
- //貸方金額が入力されていない場合
182
-
183
- if (spread.GetValue(row, 6) == null || spread.GetValue(row, 6) == 0) {
184
-
185
- //仕訳方法＝単一仕訳に設定されている場合に借方の入力された金額を貸方の金額へコピーする
186
-
187
- if (SiwakeHouhou[0].checked == true) {
188
-
189
- spread.SetValue(row, 6, e.cellValue, eventsw);
190
-
191
- }
192
-
193
- }
194
-
195
- calcKingaku();
196
-
197
- return;
198
110
 
199
111
  }
200
112
 
201
- //scindx=4は貸方金額コンボ
202
-
203
- if (scindx == 4) {
204
-
205
- calcKingaku();
206
-
207
- return;
208
-
209
- }
210
-
211
-
212
-
213
- //摘要コンボ
214
-
215
- if (scindx == 9) {
216
-
217
- //alert(e.cellValue);
218
-
219
- spread.SetValue(row, 2, e.cellValue, eventsw);
220
-
221
- return;
222
-
223
- }
224
-
225
-
226
-
227
- //scindx=0は借方科目コンボ　scindx=3は貸方科目コンボ
228
-
229
- if (scindx == 0 || scindx == 3) {
230
-
231
-
232
-
233
- var TaxNm = Enumerable.From(objKamokuData)
234
-
235
- .Where(function (x) { return x.科目 == value })
236
-
237
- .Select(function (x) { return x.消区 })
238
-
239
- .ToArray();
240
-
241
-
242
-
243
- spread.SetValue(row + 1, col, TaxNm, eventsw);
244
-
245
-
246
-
247
- for (var row = row + 3; row <= 35; row += 3) {
248
-
249
-
250
-
251
- //金額がnullの場合はゼロをセット
252
-
253
- if (spread.GetValue(row, 3) == null) {
254
-
255
- spread.SetValue(row, 3, Number(0), eventsw);
256
-
257
- }
258
-
259
- //金額がnullの場合はゼロをセット
260
-
261
- if (spread.GetValue(row, 6) == null) {
262
-
263
- spread.SetValue(row, 6, Number(0), eventsw);
264
-
265
- }
266
-
267
-
268
-
269
- //設定先行の金額がゼロの場合
270
-
271
- if (spread.GetValue(row, 3) == 0 && spread.GetValue(row, 6) == 0) {
272
-
273
- spread.SetValue(row, col, value, eventsw);
274
-
275
- spread.SetValue(row + 1, col, TaxNm, eventsw);
276
-
277
-
278
-
279
-
280
-
281
- }
282
-
283
- else {
284
-
285
- //既に何かを設定しているとみなして変更しない
286
-
287
- //continue;
288
-
289
- break;
290
-
291
- }
292
-
293
- break;
294
-
295
- }
296
-
297
-
298
-
299
- }
300
-
301
- }
302
-
303
-
304
-
305
- /// 金額計算
306
-
307
- function calcKingaku() {
308
-
309
- var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
310
-
311
- var kari = 0;
312
-
313
- var kasi = 0;
314
-
315
-
316
-
317
- for (var row = 0; row <= 35; row += 3) {
318
-
319
- kari = kari + Number(spread.GetValue(row, 3));
320
-
321
- kasi = kasi + Number(spread.GetValue(row, 6));
322
-
323
- }
324
-
325
- var lblkari = document.getElementById('<%=this.lblKarikataKin.ClientID%>');
326
-
327
- var lblkasi = document.getElementById('<%=this.lblKasikataKin.ClientID%>');
328
-
329
- if (kari != null) {
330
-
331
- lblkari.innerText = String(kari).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
332
-
333
- }
334
-
335
- if (kasi != null) {
336
-
337
- lblkasi.innerText = String(kasi).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
338
-
339
- }
340
-
341
-
342
-
343
-
344
-
345
-
346
-
347
- }
348
-
349
-
350
-
351
113
 
352
114
 
353
115
 
354
116
 
355
117
  </script>
356
118
 
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+ <div class="jumbotron">
128
+
129
+ <h1>ASP.NET</h1>
130
+
131
+ <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS, and JavaScript.</p>
132
+
133
+ <p><a href="http://www.asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
134
+
135
+ <im_edit:GcTextBox ID="GcTextBox1" runat="server" HasLoadFromXml="True" Text="MAAA">
136
+
137
+ <clientevents textchanged="change">
138
+
139
+ </clientevents>
140
+
141
+ </im_edit:GcTextBox>
142
+
143
+ <p>
144
+
145
+ <im_extenders:GcShortcut ID="GcShortcut1" runat="server">
146
+
147
+ <shortcutitem controlid = "GcTextBox1" value = "Clear,113,DropDown,118"/>
148
+
149
+ </im_extenders:GcShortcut>
150
+
151
+ </p>
152
+
153
+ </div>
154
+
155
+
156
+
157
+ <div class="row">
158
+
159
+ <div class="col-md-4">
160
+
161
+ <h2>Getting started</h2>
162
+
163
+ <p>
164
+
165
+ ASP.NET Web Forms lets you build dynamic websites using a familiar drag-and-drop, event-driven model.
166
+
167
+ A design surface and hundreds of controls and components let you rapidly build sophisticated, powerful UI-driven sites with data access.
168
+
169
+ </p>
170
+
171
+ <p>
172
+
173
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301948">Learn more &raquo;</a>
174
+
175
+ </p>
176
+
177
+ </div>
178
+
179
+ <div class="col-md-4">
180
+
181
+ <h2>Get more libraries</h2>
182
+
183
+ <p>
184
+
185
+ NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.
186
+
187
+ </p>
188
+
189
+ <p>
190
+
191
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301949">Learn more &raquo;</a>
192
+
193
+ </p>
194
+
195
+ </div>
196
+
197
+ <div class="col-md-4">
198
+
199
+ <h2>Web Hosting</h2>
200
+
201
+ <p>
202
+
203
+ You can easily find a web hosting company that offers the right mix of features and price for your applications.
204
+
205
+ </p>
206
+
207
+ <p>
208
+
209
+ <a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301950">Learn more &raquo;</a>
210
+
211
+ </p>
212
+
213
+ </div>
214
+
215
+ </div>
216
+
217
+ </asp:Content>
218
+
219
+
220
+
357
221
  ```
358
222
 
359
223
  以上、宜しくお願い致します。

4

追記

2020/01/24 10:10

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -32,6 +32,328 @@
32
32
 
33
33
 
34
34
 
35
-
35
+ ```ここに言語を入力
36
+
37
+
38
+
39
+
40
+
41
+ <script src="../../script/linq.js" type="text/javascript"></script>
42
+
43
+ <script type="text/javascript">
44
+
45
+
46
+
47
+ //科目データ取得
48
+
49
+ var KamokuData = document.getElementById('<%=this.hdnJsonKamoku.ClientID%>');
50
+
51
+ //alert("KamokuData.value=" + KamokuData.value);
52
+
53
+ var objKamokuData = JSON.parse(KamokuData.value)
54
+
55
+
56
+
57
+ var eventsw = true;
58
+
59
+
60
+
61
+ function EventSwChange(sw) {
62
+
63
+ eventsw = sw;
64
+
65
+ }
66
+
67
+
68
+
69
+ document.onreadystatechange = function () {
70
+
71
+ if (document.readyState == "complete") {
72
+
73
+
74
+
75
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
76
+
77
+ if (spread.addEventListener) {
78
+
79
+ spread.addEventListener("DataChanged", DataChanged, false);
80
+
81
+ } else {
82
+
83
+ spread.onDataChanged = DataChanged;
84
+
85
+ }
86
+
87
+
88
+
89
+ spread.addEventListener("keyup", keyup, false);
90
+
91
+ //alert("keyup");
92
+
93
+ }
94
+
95
+ }
96
+
97
+
98
+
99
+ function keyup(e) {
100
+
101
+
102
+
103
+ // マルチカラムコンボボックス型セルに入力された値の取得
104
+
105
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
106
+
107
+ alert("A");
108
+
109
+ var row = spread.GetActiveRow();
110
+
111
+ alert("B");
112
+
113
+ var col = spread.GetActiveCol();
114
+
115
+ alert("C");
116
+
117
+ //MainContent_FpDirectList_ctl05_Input
118
+
119
+ alert("name=" + spread.id + "_ctl" + row + col + "_Input");
120
+
121
+ var name = spread.id + "_ctl" + row + col + "_Input";
122
+
123
+ var tx = document.getElementById('<%= spread.id + "_ctl" + row + col + "_Input" %>');
124
+
125
+ alert("D");
126
+
127
+ var r = tx.createTextRange();
128
+
129
+ alert(r.text);
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+ }
140
+
141
+
142
+
143
+
144
+
145
+ function DataChanged(e) {
146
+
147
+
148
+
149
+ e = e || window.event;
150
+
151
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
152
+
153
+ var TaxCtlType = document.getElementById('<%=this.hdnTaxCtlType.ClientID%>');
154
+
155
+ var SiwakeHouhou = document.getElementsByName('<%=this.rdoSiwake.UniqueID %>');
156
+
157
+ //alert("SiwakeHouhou[0].checked=" + SiwakeHouhou[0].checked);
158
+
159
+ //alert("SiwakeHouhou[1].checked=" + SiwakeHouhou[1].checked);
160
+
161
+ var col = spread.GetActiveCol();
162
+
163
+ var row = spread.GetActiveRow();
164
+
165
+ var value = e.cellValue;
166
+
167
+
168
+
169
+
170
+
171
+ //行テンプレートのカラム位置取得
172
+
173
+ var scindx = spread.GetSheetColIndex(col, row);
174
+
175
+
176
+
177
+ //scindx=2は借方金額コンボ
178
+
179
+ if (scindx == 2) {
180
+
181
+ //貸方金額が入力されていない場合
182
+
183
+ if (spread.GetValue(row, 6) == null || spread.GetValue(row, 6) == 0) {
184
+
185
+ //仕訳方法＝単一仕訳に設定されている場合に借方の入力された金額を貸方の金額へコピーする
186
+
187
+ if (SiwakeHouhou[0].checked == true) {
188
+
189
+ spread.SetValue(row, 6, e.cellValue, eventsw);
190
+
191
+ }
192
+
193
+ }
194
+
195
+ calcKingaku();
196
+
197
+ return;
198
+
199
+ }
200
+
201
+ //scindx=4は貸方金額コンボ
202
+
203
+ if (scindx == 4) {
204
+
205
+ calcKingaku();
206
+
207
+ return;
208
+
209
+ }
210
+
211
+
212
+
213
+ //摘要コンボ
214
+
215
+ if (scindx == 9) {
216
+
217
+ //alert(e.cellValue);
218
+
219
+ spread.SetValue(row, 2, e.cellValue, eventsw);
220
+
221
+ return;
222
+
223
+ }
224
+
225
+
226
+
227
+ //scindx=0は借方科目コンボ　scindx=3は貸方科目コンボ
228
+
229
+ if (scindx == 0 || scindx == 3) {
230
+
231
+
232
+
233
+ var TaxNm = Enumerable.From(objKamokuData)
234
+
235
+ .Where(function (x) { return x.科目 == value })
236
+
237
+ .Select(function (x) { return x.消区 })
238
+
239
+ .ToArray();
240
+
241
+
242
+
243
+ spread.SetValue(row + 1, col, TaxNm, eventsw);
244
+
245
+
246
+
247
+ for (var row = row + 3; row <= 35; row += 3) {
248
+
249
+
250
+
251
+ //金額がnullの場合はゼロをセット
252
+
253
+ if (spread.GetValue(row, 3) == null) {
254
+
255
+ spread.SetValue(row, 3, Number(0), eventsw);
256
+
257
+ }
258
+
259
+ //金額がnullの場合はゼロをセット
260
+
261
+ if (spread.GetValue(row, 6) == null) {
262
+
263
+ spread.SetValue(row, 6, Number(0), eventsw);
264
+
265
+ }
266
+
267
+
268
+
269
+ //設定先行の金額がゼロの場合
270
+
271
+ if (spread.GetValue(row, 3) == 0 && spread.GetValue(row, 6) == 0) {
272
+
273
+ spread.SetValue(row, col, value, eventsw);
274
+
275
+ spread.SetValue(row + 1, col, TaxNm, eventsw);
276
+
277
+
278
+
279
+
280
+
281
+ }
282
+
283
+ else {
284
+
285
+ //既に何かを設定しているとみなして変更しない
286
+
287
+ //continue;
288
+
289
+ break;
290
+
291
+ }
292
+
293
+ break;
294
+
295
+ }
296
+
297
+
298
+
299
+ }
300
+
301
+ }
302
+
303
+
304
+
305
+ /// 金額計算
306
+
307
+ function calcKingaku() {
308
+
309
+ var spread = document.getElementById('<%=this.FpDirectList.ClientID%>');
310
+
311
+ var kari = 0;
312
+
313
+ var kasi = 0;
314
+
315
+
316
+
317
+ for (var row = 0; row <= 35; row += 3) {
318
+
319
+ kari = kari + Number(spread.GetValue(row, 3));
320
+
321
+ kasi = kasi + Number(spread.GetValue(row, 6));
322
+
323
+ }
324
+
325
+ var lblkari = document.getElementById('<%=this.lblKarikataKin.ClientID%>');
326
+
327
+ var lblkasi = document.getElementById('<%=this.lblKasikataKin.ClientID%>');
328
+
329
+ if (kari != null) {
330
+
331
+ lblkari.innerText = String(kari).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
332
+
333
+ }
334
+
335
+ if (kasi != null) {
336
+
337
+ lblkasi.innerText = String(kasi).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
338
+
339
+ }
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+ }
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+ </script>
356
+
357
+ ```
36
358
 
37
359
  以上、宜しくお願い致します。

3

変更

2020/01/24 09:35

投稿

cutedog
cutedog

スコア177

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

2

質問の書き方変えました

2020/01/22 08:21

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- １．下記サンプルコードのように記述したのですが
5
+ ~~１．下記サンプルコードのように記述したのですが
6
6
 
7
7
  「var tx = document.getElementById('<%= ctlname %>');」部分でエラーに
8
8
 
@@ -24,17 +24,19 @@
24
24
 
25
25
 
26
26
 
27
-
28
-
29
-
30
-
31
27
  ２．ググってみると「document.getElementById(this.Grid.ClientID)」で
32
28
 
33
29
  「'<%=　%>」部分を記述しない書き方が多いのです
34
30
 
35
31
  私のページでは「'<%=　%>」部分を記述しないと上手く動作しません。
36
32
 
37
- 「'<%=　%>」の有無って何が違うのでしょうか？
33
+ 「'<%=　%>」の有無って何が違うのでしょうか？~~
34
+
35
+
36
+
37
+ 以下のように記述できる方法が知りたいです。
38
+
39
+ document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input"　%>')
38
40
 
39
41
 
40
42
 
@@ -44,9 +46,7 @@
44
46
 
45
47
  var grid = document.getElementById('<%=this.Grid.ClientID%>')
46
48
 
47
- ctlname = grid.id + "_ctl" + row + col + "_Input";
49
+ var tx = document.getElementById('<%= grid.id + "_ctl" + row + col + "_Input" %>');
48
-
49
- var tx = document.getElementById('<%= ctlname %>');
50
50
 
51
51
  var r = tx.createTextRange();
52
52
 

1

追記

2020/01/22 08:15

投稿

cutedog
cutedog

スコア177

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,22 @@
9
9
  なってしまいました。
10
10
 
11
11
  「ctlname」部分がエラーとなっているようですが、どのように記述すればよいでしょうか？
12
+
13
+
14
+
15
+ ＃ADD START＃
16
+
17
+ 下記の書き方ではJavaScriptや実行してもサーバエラーとはならないですが
18
+
19
+ 「'<%=　%>」部分を記述していないので値の取得はできないです。
20
+
21
+ var tx = document.getElementById(grid.id + "_ctl" + row + col + "_Input");
22
+
23
+ ＃ADD END＃
24
+
25
+
26
+
27
+
12
28
 
13
29
 
14
30