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

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -