javascript dropdownlist control

[senthilnathan1985]

sir,

am implementing javascript in my project am begineer to javascript and asp.net

can you please help me for the following queries

here am using one dropdownlist which contains number of persons

whenever i select the number from person dropdownlist it will call the javascript function "AdjustRowsToKidsTable"

that should display the data table which contains number of rows according to the dropdownlist value.

these rows contains firstname(textbox),lastname(textbox),Age(dropdownl ist),and diver(checkbox)

dropdownlist contains 12 numbers
if i choose 10 and above from dropdownlist it will display checkbox corresponding to that row

it works properly but i have problem that not display checkbox pls help me........

now i need your help to implement the above in javascript

Hereby i enclosed the code

Please guide me sir,

Thanking You,

S.Senthil Nathan

function AdjustRowsToKidsTable(form, ddl)
{
var tbl = document.getElementById('tblChildren');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var i = 0
var iteration = lastRow;
var diff = (ddl.options[ddl.selectedIndex].value - (iteration-1));
// alert(ddl.options[ddl.selectedIndex].value, diff);
if ( diff > 0) { // add rows
for (i=iteration;i<=ddl.options[ddl.selectedIndex].value;i++) {
var row = tbl.insertRow(lastRow);
row.bgColor='white';

// First Name
var cellLeft = row.insertCell(0);
var el = document.createElement('input');
el.type = 'text';
el.name = 'txt_fname_child' + iteration;
el.id = 'txt_fname_child' + iteration;
el.maxlength = 45;
el.size = 20;
// el.class = "standard-text";
cellLeft.appendChild(el);

// Last Name
var cellMiddle = row.insertCell(1);
var eln = document.createElement('input');
eln.type = 'text';
eln.name = 'txt_lname_child' + iteration;
eln.id = 'txt_lname_child' + iteration;
el.maxlength = 45;
eln.size = 20;
// eln.class = "standard-text";
cellMiddle.appendChild(eln);


// select cell
var cellRightSel = row.insertCell(2);
var sel = document.createElement('select');
sel.name = 'ddl_Age' + iteration;
sel.options[0] = new Option('1', '1');
sel.options[1] = new Option('2', '2');
sel.options[2] = new Option('3', '3');
sel.options[3] = new Option('4', '4');
sel.options[4] = new Option('5', '5');
sel.options[5] = new Option('6', '6');
sel.options[6] = new Option('7', '7');
sel.options[7] = new Option('8', '8');
sel.options[8] = new Option('9', '9');
sel.options[9] = new Option('10', '10');
sel.options[10] = new Option('11', '11');
sel.options[11] = new Option('12', '12');
cellRightSel.appendChild(sel);

}

// form.txtNoChildren.value = i-1; // set value with numbers
}

if ( diff < 0 ) { // delete rows
for (i=diff;i<0;i++) {
var lastRow = tbl.rows.length;
// alert(lastRow);
if (lastRow > 2) {
tbl.deleteRow(lastRow - 1);
// form.txtNoChildren.value = lastRow-2;
} else {
// form.txtNoChildren.value = lastRow-1;
}

}
}

}

[r035198x]

sir,

am implementing javascript in my project am begineer to javascript and asp.net

can you please help me for the following queries

here am using one dropdownlist which contains number of persons

whenever i select the number from person dropdownlist it will call the javascript function "AdjustRowsToKidsTable"

that should display the data table which contains number of rows according to the dropdownlist value.

these rows contains firstname(textbox),lastname(textbox),Age(dropdownl ist),and diver(checkbox)

dropdownlist contains 12 numbers
if i choose 10 and above from dropdownlist it will display checkbox corresponding to that row

it works properly but i have problem that not display checkbox pls help me........

now i need your help to implement the above in javascript

Hereby i enclosed the code

Please guide me sir,

Thanking You,

S.Senthil Nathan

function AdjustRowsToKidsTable(form, ddl)
{
var tbl = document.getElementById('tblChildren');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var i = 0
var iteration = lastRow;
var diff = (ddl.options[ddl.selectedIndex].value - (iteration-1));
// alert(ddl.options[ddl.selectedIndex].value, diff);
if ( diff > 0) { // add rows
for (i=iteration;i<=ddl.options[ddl.selectedIndex].value;i++) {
var row = tbl.insertRow(lastRow);
row.bgColor='white';

// First Name
var cellLeft = row.insertCell(0);
var el = document.createElement('input');
el.type = 'text';
el.name = 'txt_fname_child' + iteration;
el.id = 'txt_fname_child' + iteration;
el.maxlength = 45;
el.size = 20;
// el.class = "standard-text";
cellLeft.appendChild(el);

// Last Name
var cellMiddle = row.insertCell(1);
var eln = document.createElement('input');
eln.type = 'text';
eln.name = 'txt_lname_child' + iteration;
eln.id = 'txt_lname_child' + iteration;
el.maxlength = 45;
eln.size = 20;
// eln.class = "standard-text";
cellMiddle.appendChild(eln);


// select cell
var cellRightSel = row.insertCell(2);
var sel = document.createElement('select');
sel.name = 'ddl_Age' + iteration;
sel.options[0] = new Option('1', '1');
sel.options[1] = new Option('2', '2');
sel.options[2] = new Option('3', '3');
sel.options[3] = new Option('4', '4');
sel.options[4] = new Option('5', '5');
sel.options[5] = new Option('6', '6');
sel.options[6] = new Option('7', '7');
sel.options[7] = new Option('8', '8');
sel.options[8] = new Option('9', '9');
sel.options[9] = new Option('10', '10');
sel.options[10] = new Option('11', '11');
sel.options[11] = new Option('12', '12');
cellRightSel.appendChild(sel);

}

// form.txtNoChildren.value = i-1; // set value with numbers
}

if ( diff < 0 ) { // delete rows
for (i=diff;i<0;i++) {
var lastRow = tbl.rows.length;
// alert(lastRow);
if (lastRow > 2) {
tbl.deleteRow(lastRow - 1);
// form.txtNoChildren.value = lastRow-2;
} else {
// form.txtNoChildren.value = lastRow-1;
}

}
}

}

Where is the code for displaying the checkbox?