javascript - HTML JavaScriptで動的に生成された値を取得する方法

Question

JavaScriptを使用して2つの列を持つ動的に生成されたテーブルがあります。最初の列はリスト ボックスから選択された項目のリストで、2 番目の列は数量を入力するための空白のテキスト ボックスです。今、データベースに挿入するテーブルの最初の列の値を取得したいと考えています。Pls はそれを行う方法を教えてください。これまでのところ、私はこのようなことをしてきました。非表示のテキスト ボックスまたは非表示のテキスト ボックスを持つラベルを使用してみました。しかし、結果を得ることができません。(chem_sel2 は私のリストボックスの名前です)

function fun1(){

var my_chem_qty_div = document.getElementById("chem_qty");
var table = document.createElement('TABLE');
table.id='sel_chem_table';
table.border='1';
table.align='center';
table.style.width='100%';
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);

var chem_sel2_combo =document.getElementById("chem_sel2");

for(var k=0;k<chem_sel2_combo.options.length;k++)
        {
         var tr = document.createElement('TR');
         tableBody.appendChild(tr);

        /*  var td = document.createElement('TD');
        td.width='30';
        td.appendChild(document.createTextNode(chem_sel2_combo.options[k].value));
        tr.appendChild(td);*/

        var td1 = document.createElement('TD');
        var lbl= document.createElement('label');
        var txt=document.createElement('input');
        txt.setAttribute('id','selctd_chem');
        txt.setAttribute('value',chem_sel2_combo.options[k].value);
       // txt.setAttribute('type','hidden');
        lbl.setAttribute('id', 'lbl_txt');
        lbl.setAttribute('value', chem_sel2_combo.options[k].value);
        td1.width='40';

        td1.appendChild(txt);
        td1.appendChild(lbl);
        //td1.setAttribute('type', 'hidden');
        tr.appendChild(td1);

        var td2 = document.createElement('TD');
        var txt= document.createElement('input');
        txt.setAttribute('id',"qty_text");
        txt.setAttribute('type','text');
        td2.width='30';
        td2.appendChild(txt);
        tr.appendChild(td2);
}
}