質問編集履歴

1

初心者で質問の仕方もよくわかっておらず恐縮ですが、どうぞよろしくお願いいたします。

2016/05/25 03:15

投稿

osgjup
osgjup

スコア10

test CHANGED
File without changes
test CHANGED
@@ -2,19 +2,15 @@
2
2
 
3
3
 
4
4
 
5
- テーブルをクリックすることで、その行のコード列の値がテキストボックス#codeに値が入るようにし、
5
+ テーブルをクリックすることで、その行のコード列の値がテキストボックス#codeに入るようにし、
6
6
 
7
7
  その値をもとにtdの中身を検索して、#codeの値のある行を上下にするようにしました。
8
8
 
9
9
 
10
10
 
11
-
12
-
13
-
14
-
15
11
  ▼上ボタンを押したときの関数です▼
16
12
 
17
-
13
+ ------------------------------------------------------------
18
14
 
19
15
  $("#up").click(function() {
20
16
 
@@ -43,6 +39,8 @@
43
39
  }
44
40
 
45
41
  });
42
+
43
+ ------------------------------------------------------------
46
44
 
47
45
 
48
46
 
@@ -99,3 +97,51 @@
99
97
 
100
98
 
101
99
  なにとぞよろしくお願いいたします。
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+ ※※※※※※※※※※※※※※※※※※※※※※※※※※※
108
+
109
+ 追記です。
110
+
111
+
112
+
113
+ 『テーブルをクリックすることで、その行のコード列の値がテキストボックス#codeに値が入る』
114
+
115
+
116
+
117
+ ▼上記の関数がこちらです。▼
118
+
119
+ ------------------------------------------------------------
120
+
121
+ $("#datatable tbody").off().on('click', 'tr', function() {
122
+
123
+ selectedRowItems = $("#datatable").dataTable().fnGetData(this);
124
+
125
+ var code = document.querySelector("#code");
126
+
127
+ code.value = selectedRowItems[0];
128
+
129
+ ------------------------------------------------------------
130
+
131
+ ▼テキストボックス【#code】▼
132
+
133
+ <form name="codeForm">
134
+
135
+ <input id="code" type="text" name="code" size="10">
136
+
137
+ </form>
138
+
139
+ ------------------------------------------------------------
140
+
141
+ ▼↑ボタン▼
142
+
143
+ <button class="btn-cal btn-delete" id="up">↑</button>
144
+
145
+ ------------------------------------------------------------
146
+
147
+ datatablesというプラグインのテーブルを使い、SQLのデータをそのままテーブルに引っ張ってきています。