動的にcgiから名簿tableを作り先頭にcheckboxを配置しています。
(□、コード、氏名)
そのコードNo.取得し内容によってループ内でcheckboxをif文でオンオフしたいのですがコードNo.(rec[0])の取得方法がわかりません。できるはずとは思うのですが私の力不足で・・・。よろしくお願いします。
var recs = xhrObj.responseText.split("<r>");
var status2 = "<table id='meibo' ><tbody><tr>"
+"<th width='20'><th width='40'>No.</th><th width='120'>氏名</th>"
+"</tr>";
for(var i = 1; i < recs.length - 1; i++){
rec = recs[i].split("<i>");
status2 += "<tr><td><input type='checkbox' name='checkbox' id='"+i+"' /></td>";
status2 += "<td id='"+i+"' />"+rec[0]+"</td><td id='"+i+"' />"+rec[1]+"</td>";
status2 += "</tr>";
}
status2 += "</tbody></table>";
document.getElementById("status2").innerHTML = status2;
var observer = document.getElementById("meibo");
setListener(observer, "click", check);
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
もともとのデータの構造が不明ですが、(テキスト形式でマークアップのようですが)
ざっとみて気がついた点を…
・単純に開始タグでsplitしているだけみたいだけれど、閉じタグはないの?
・改行コード等は無いのか?(または、処理する必要がないのか)
・splitされたデータ内にその他のタグが残っていることは無いのか?
など。
>コードNo.取得し内容によってループ内でcheckboxをif文でオンオフ
>したいのですが
「コードNo」とはレコード内のコードデータのことでしょうか?
↑の方法でデータをちゃんと分解できているのなら、rec[0]に取得できているのでは?(データ構造が不明なのでわからない)
ついでに、ご質問とは関係ありませんが、
(No1様がご指摘済みですが…)
表示する表の各行のセルにそれぞれ行番号(0始まり)をidとして振っているようですが、
・idは数字で始まれない
・idは文書中重複を許されない
に反しています。 というよりも、そもそも行番号ならばいつでもわかるので、わざわざidで付与する必要もないのでは?
(つけるにしても、行に一つあれば十分)
行数が多いのであれば、表示する表の先頭に、ちゃんと行番号を表示してあげるほうが見やすくなるのでは?
また名簿なのでしょうから、idに利用するなら行番号ではなくレコードのid(↑のコードNoとか?)ではないのだろうか?
(cgiと情報のやり取りをしたりはしないのだろうかなぁ?)
さらに、ご提示のコードで作成されるマークアップも正しくないのでは?
・最初のthの閉じタグがない
(HTMLだと省略可能だったかも?でも↓とも矛盾)
・td要素の単独の閉じタグと通常の閉じタグが重複
など。(データ内にタグが残っていても、マークアップがおかしくなる。)
基礎も解らず質問したにも関わらず丁寧にお答えいただきありがとうございました。idについては回答いただいたあと勉強するきっかけになりありがとうございました。行番号そのものでrec[0](これが顧客コード)も取得できました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで画像の移動
-
【jQuery】tableループ内のIDの...
-
idの振り直しについて
-
クリックで指定のテーブルの背...
-
selectのonChangeが動作しません
-
クリックごとに文字色が交互に...
-
<JavaScript>tableタグを入力不...
-
javascriptでスロットマシン
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
画面表示とともに、テーブルの...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
テキストエリアに入力した改行...
-
【jQuery】tableループ内のIDの...
-
idの振り直しについて
-
プルダウンメニューを表の中に...
-
javascriptで画像をテーブルに...
-
javascriptで<table>背景色の取得
-
どこに挿入?
-
javascriptでクリックするごと...
-
jquery にて、アラートダイアロ...
-
Javascriptでテーブルタグの座...
-
動的なcheckboxのcheckedについて
-
javascriptで画像の移動
-
<iframe>内にHTMLをランダム表...
-
クリックごとに文字色が交互に...
-
javascriptでスロットマシン
-
連動テーブルのクロスハイライト
おすすめ情報