今日もJavacriptの調査その２

今日も、時間が取れたのでJavaScriptでの書き方の調査

前回同様、プルダウンメニューで指定した行数だけ配分選択の行が出てくるテーブルを、JavaScript で実現する。
ここで設定した配分は、フォームタグでサーバーに登録し、DBを書き換えるのだが、この行を書き換える処理をどうやって JavaScript でやれるか検討中。
たぶん、PHPで、画面全体を書き換えた方が簡単かも、と思うものの JavaScript の学習を兼ねているので、トライ中。

今のところ、まだまだ。
当初は、１行目のＨＴＭＬから＜ＩＮＰＵＴ＞タグをコピーして、後で属性値を変えようかと思ったのだが、この属性にうまくアクセスできない。
これを修正できないので、しょうがなく JavaScript で毎回合成することに変更。だんだんと JavaScript が大きくなっていく。

今日、やってみたのがこんなんの。

function haibun_Select() {

  var tbody_obj = document.getElementById("tbody_tag");

  var now_haibun = tbody_obj.childNodes.length -2;

  var test_pr  = document.getElementById("selected_no").value;

  var new_haibun = document.getElementById("haibun_sel").selectedIndex + 1;
  for(i=1; i
これで、合成した列の＜ＩＮＰＵＴ＞タグに、変数名や、ＩＤが設定できるようになった。

あとは、＜ＩＮＰＵＴ＞タグの数値を変更したら、直ちに計算して別の＜ＩＮＰＵＴ＞タグの数値を変更する JavaScript を作って、サーバーに送れるようになったら、一応完成予定。
今日、JavaScript を作っていて、＜ＴＢＯＤＹ＞の下に、＜ＴＲ＞があって、その下に＜ＴＤ＞があって、さらに＜ＳＥＬＥＣＴ＞やら、＜ＩＮＰＵＴ＞がある、というテーブル構造は、階層が深くなって JavaScript で参照するのは、なかなか大変だ。

当然ながら、テーブルの構造を決めてから、JavaScript の作成・修正にかからないと、混乱すると思われる。

それと、もっとわかりやすいコードの書き方がないか、検討の余地がありそうだ。