php - Cannot work autocomplete textbox in dynamically add row using javascript -
i create auto complete textbox smoothly working in normal textboxbot when dynamically add row autocomplete textbox cannot working.
my javascript code autocomplete textbox is....
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> <script type="text/javascript"> $(document).ready(function(){ $(".p").autocomplete({ source:'autocomplete1.php', minlength:1 }); }); </script>
my javascript code dynamically add row is....
<script language="javascript"> function addrow(tableid) { var table = document.getelementbyid(tableid); var rowcount = table.rows.length; var row = table.insertrow(rowcount); var colcount = table.rows[1].cells.length; for(var i=0; i<colcount; i++) { var newcell = row.insertcell(i); newcell.innerhtml = table.rows[1].cells[i].innerhtml; //alert(newcell.childnodes); switch(newcell.childnodes[0].type) { case "text": newcell.childnodes[0].value = ""; break; case "checkbox": newcell.childnodes[0].checked = false; break; } } } 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) { if(rowcount <= 2) { alert("cannot delete rows."); break; } table.deleterow(i); rowcount--; i--; } } }catch(e) { alert(e); } } </script>
my html code dynamically add row is....
<td><input type="checkbox" name="chk[]"/></td> <td><input type="text" name="p[]" id="p" class="p" /></td> <td><input type="text" name="b[]" id="b" class="b" /></td> <td><input type="text" name="m[]" id="m" class="m" /></td> <td><input type="text" name="qy[]" id="qy"/></td> <td><input type="text" name="dp[]" class="pr"/></td> <td><input type="text" name="q[]" class="q"/></td> <td><input name="txt[]" type="text" class="txt" id="txt" /></td>
please help...
new element created dynamically had not been picked auto-complete function because created after call function. need calling jquery auto-complete function each time after add row(at end of function addrow()).
function addrow(tableid) { //your codes $(".p").autocomplete({ source:'autocomplete1.php', minlength:1 }); }
Comments
Post a Comment