Menu
Hi,
I have a text box in a table row to which i have attached the auto complete feature.
While cloning , it is cloning the text box and the other items of row …but not able to get that autocomplete feature on the cloned text box.
Any help appreciated.
[CODE]
<script type=”text/javascript”>
// cloning rows
var clone;
function addRow(){
var tb=document.getElementById(‘List’).getElementsByTagName(‘tbody’)[0];
tb.appendChild(clone);
cloneRow();
}
function cloneRow(){
var rows=document.getElementById(‘List’).getElementsByTagName(‘tr’);
var index=rows.length+1;
clone=rows[rows.length-1].cloneNode(true);
var inputs=clone.getElementsByTagName(‘input’), inp, i=0;
while(inp=inputs[i++] )
{
inp.name=inp.name.replace(/d{1,}/g,index);
}
var selects=clone.getElementsByTagName(‘select’), sel, j=0;
while(sel=selects[j++] ){
sel.name=sel.name.replace(/d{1,}/g,index);
}
}
onload=cloneRow
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked && rowCount>2) {
table.deleteRow(i);
rowCount–;
i–;
}
}
}catch(e) {
alert(e);
}
}
</script>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=’text/javascript’ src=’jquery.autocomplete.js’></script>
<link rel=”stylesheet” type=”text/css” href=”jquery.autocomplete.css” />
<script type=”text/javascript”>
//autocompleting
$(document).ready(function() {
$(“#chel”).autocomplete(“get.php”, {
width: 260,
matchContains: true,
mustMatch: true,
selectFirst: false
});
$(“#chel”).result(function(event, data, formatted) {
$(“#chel_val”).val(data[1]);
});
});
</script>