[PHP]//count value shows 1 although i created three rows
<?
if($_POST['submit']){
$ct=count($_POST['mcontinent']);
?> <script>alert('<?=$ct?>');</script> <?
}
?>
<html>
<head>
<script type="text/javascript">
function add_row(idx) {
var table = document.getElementById('tbl');
var row = table.getElementsByTagName('tr')[idx];
var new_row = row.cloneNode(true);
apply_names(table, new_row);
table.getElementsByTagName('tbody')[0].appendChild(new_row);
}
function apply_names(table, row) {
var inp = row.getElementsByTagName('input');
var sel = row.getElementsByTagName('select');
var sfx = table.getElementsByTagName('tr').length;
var eles = [];
var ele;
for (var i = 0; i < inp.length; i++) {
eles.push(inp[i]);
}
for (i = 0; i < sel.length; i++) {
eles.push(sel[i]);
}
for (i = 0; i < eles.length; i++) {
ele = eles[i];
ele.setAttribute('name', ele.getAttribute('name') + '_' + sfx);
ele.setAttribute('id', ele.getAttribute('id') + '_' + sfx);
}
alert(row.innerHTML);
}
function add_row_event(e) {
var val;
if (typeof window.event != 'undefined') {
val = window.event.keyCode;
idx = 1;
} else {
val = e.keyCode;
idx = 0;
}
if (val == 9) {
add_row(idx);
}
}
</script>
</head>
<body>
<form method="post">
<table id="tbl">
<thead>
<th>continent</th>
<th>country</th>
<th>longitude</th>
<th>latitude</th>
<th>time zone</th>
</thead>
<tr>
<td>
<select name="mcontinent" id="mcontinent" tabindex="11">
<option selected>--- Selectcontinenet ---</option>
</select>
</td>
<td>
<select name="mcountrycode" id="mcountrycode" tabindex="1" >
<option selected>--- Selectcountry ---</option>
</select>
</td>
<td>
<input type="text" name="mlong" id="mlong"></td>
<td>
<input type="text" name="mlat" id="mlat" ></td>
<td>
<input type="text" name="mtime" id="mtime" onkeydown="add_row_event(event);">
</td>
</tr>
</table>
<input type="submit" name="submit" value"submit">
</form>
</body>
</html>[/PHP]
