![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
javascriptで作成されたテーブルの値を取得したいです。
具体的には、最初に作成するテーブルの大きさを入力するフォームがあり、
ボタンを押すと、そこに入力された値によってテーブルが作成され、
さらに、そこにデータを入力して、また次のボタンを押せば
テーブルに入力された値を取得できるようにしたいです。
最初のテーブルの大きさを入力するフォームと、テーブルを作成することはできたのですが、そこから入力された値を取得する方法が分からず、困っています。
そのプログラムはこんな感じです。
分かる方いらっしゃいましたら、お知恵をお貸しください。
よろしくお願いします。
<html>
<head>
<title>テスト</title>
</head>
<body>
<form name="myForm">
<p>mac.itemを半角数字で入力してください</p>
mac
<input type="text" size="10" name="myFormKK">
item
<input type="text" size="10" name="myFormI">
<input type="button" value="OK" onclick="addAll()">
</form>
<br>
<p>処理量 段取り時間 段取り費 梯状在庫保管費を入力</p>
<form name="fpsck" method="post" enctype="text/plain" action="">
<TABLE BORDER="1" id="Table2">
</TABLE>
</form>
<script type="text/javascript">//3行目以降 開始
<!--
function add3rd(){
var tbl = document.getElementById("Table2").firstChild;
if (!tbl.tagName) {
tbl = document.getElementById("Table2");
}
kk = eval(document.myForm.myFormKK.value)-1;
it = eval(document.myForm.myFormI.value)-1;
for(j=0;j<=it;j++){
var tr = document.createElement("tr");
for(i=0;i<=kk*3+6;i++){
var td1 = document.createElement("td");
var tx1 = document.createElement("input");
tx1.setAttribute("type","text");
tx1.setAttribute("size","8");
tx1.setAttribute("maxlength","18");
tx1.setAttribute("name","psck");
if(i == 0){
itN = j + 1;
itName = "item" +itN;
tx1.setAttribute("value",itName);
tx1.setAttribute("disabled","disabled");
}
else{
tx1.setAttribute("value","0");
}
td1.appendChild(tx1);
tr.appendChild(td1);
}
tbl.appendChild(tr);
}}//3行目以降 終了
// -->
</script>
<script type="text/javascript">//すべての関数実行
<!--
function addAll(){
add3rd();
}
// -->
</script>
</body>
</html>
A 回答 (4件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
No.3
- 回答日時:
<form>~</form>このタグの中に適当に、<p>~<p>をつくり、
その中に放り込んでみる
数値を入力するときは、
列番号,行番号
を入力。(いずれも半角数値)
正規表現は、それらを分けるために使いました
この回答への補足
すいません。
<form>~</form>このタグの中に適当に、<p>~<p>をつくり、
その中に放り込んでみる
とやってみたのですができませんでした。
あと、質問が悪かったのですが、
実は最初のフォームからの入力された値によって、
このテーブルの他にも作成されるテーブルが6個ぐらいあって、
(それぞれのテーブルの大きさはバラバラです。)
テーブルごとの入力された値をそれぞれ別の配列にいれたかったんです。
やっと正規表現について分かってきた気がします。
htmlもjavascriptも初めて触れたのですが難しいですね。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
No.1
- 回答日時:
<input type="text" value="x,y" onfocus="this.select()" id="p">
<input type="button" value="Value" onclick="
var a,z=document.getElementById('p').value;
if(a=z.match(/^(\d+),(\d+)$/)) alert( document.getElementById('Table2').rows[a[2]].cells[a[1]].firstChild.value);
">
この回答への補足
回答ありがとうございます。
またまた申し訳ないのですが、
これらはどこに入れればいいのでしょうか?
あと、match(/^(\d+),(\d+)$/)のところが、
何をしているのかがよくわからないです。
正規表現だというのは分かったのですが…
1つのことが分かるとどんどん次の問題にあたってしまって
どんどん頭の中がこんがらがってしまって…
勉強不足ですいません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
このQ&Aを見た人はこんなQ&Aも見ています
-
「環境が人を育てる」って本当?環境によって人格や生き方は本当に変わるのか
環境が人生に与える影響は実際どれほどのものなのか、専門家の田宮由美さんに伺った。
-
クリックされたセルの位置を取得するには?
JavaScript
-
一覧から選択した行の行番号を取得について
JavaScript
-
至急!GetElementById でtdのidの値を取得、サブウインドに取得したデータを表示
JavaScript
-
-
4
チェックボックス付きのテーブルから、チェックの付いた行のみの値を取得したい
JavaScript
-
5
JavaScriptで特定のtdタグにclass名をつけたい
JavaScript
-
6
tableの任意行にfocusをあてる
JavaScript
-
7
javascriptでtableの該当行を削除ボタン
JavaScript
-
8
特定の文字列を挿入
JavaScript
-
9
同じIDで定義した要素の配列を取得したいが
JavaScript
-
10
javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
if構文
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
slickのレスポンシブ > center...
-
confirmのOK・キャンセルを押し...
-
jquery.csv2table.jsのテーブル
-
ラジオボタンの値でリンク先を...
-
FormのonsubmitでJavaスクリプ...
-
チェックボックスの値を変数に ...
-
ENTERキーを無効にしたいのです...
-
【JS】selectでchangeした時の...
-
return trueとreturn falseの用...
-
jqueryとscriptでTABLEのセルを...
-
JavaScriptで特定のtdタグにcla...
-
2次元配列で2項目についてソー...
-
ページを再読み込み後、再読み...
-
残り時間カウントダウン表示 ...
-
1つのformで複数のactionをボタ...
-
Cookieに保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
ボタンかリンクをクリックする...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
JavaScriptのfileオブジェクト...
-
innerHTML内では改行は禁止?
-
開いた子ウィンドウにあるボタ...
-
BackSpaceしたい(QNo.2734284の...
-
VB.NETで<Input>タグ、<text...
-
オンクリックで現在時刻の取得→...
-
JQueryでfunctionに引数としてI...
-
複数のテキストボックスの値の...
-
onClickがinput type="image"だ...
-
クリック→テキストボックスに追加
-
Javascriptで'(シングルクォー...
-
テキストフィールド未入力の場...
おすすめ情報