php - how to call a jquery click function by a button generated from ajax file -
hi have form appends table when user inputs value eg. if user inputs '1' values related '1' appended on table , table appended on page calling function of jquery append table row when add button pressed function not working because generating button ajax???? can me in this
here script generate new row
$(document).ready(function() { var currentitem = $('#items').val(); $('#addnew').click(function() { var strtoadd = '<tr><td align="center"><input type="text" size="6" maxlength="6" id="ord_' + currentitem + '" maxlength="6" name="ord_' + currentitem + '" class="form-input-oth" onkeyup="return copy(this.val());"/></td>\n\ <td align="center"><input type="text" size="6" maxlength="6" id="srno' + currentitem + '" maxlength="6" name="srno_' + currentitem + '" class="form-input-oth"/></td>\n\ <td align="center"><textarea name="descrip_' + currentitem + '" id="descrip_' + currentitem + '" cols="70" class="form-input-textarea"></textarea></td>\n\ <td align="center"><input type="text" size="6" maxlength="9" id="unit_' + currentitem + '" maxlength="6" name="unit_' + currentitem + '" class="form-input-rate"/></td>\n\ <td align="center"><input type="text" size="6" maxlength="9" id="rate_' + currentitem + '" maxlength="6" name="rate_' + currentitem + '" class="form-input-rate"/></td></tr>'; $('#data').append(strtoadd); currentitem++; $('#items').val(currentitem); }); }); here textbox calling ajax function
<input type="text" size="6" maxlength="6" id="code" maxlength="6" name="quotno" value="<?php echo ($addflag == 0) ? $get['quotno'] : ""; ?>" class="form-input-code" onblur="showyear('boqsrch.php?code='+this.value);"/> here file table generated
<?php require("includes/dbconnect.php"); include ('includes/function.php'); $code = trim($_get["code"]); $result = mysql_query("select * quotdtl vouchno='$code'") or die(mysql_error()); if (mysql_num_rows($result) > 0) { echo '<div style="margin-left: 400px; margin-right: auto; width:180px;"> <h2><font color="#0099ff" face="times new roman">bill of quotation</font></h2> </div> <hr/> '; echo "<table border=\"1px\" width=\"80%\" id=\"data\" align=\"center\">"; ;?> <tr> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">order</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">sr no.</font><span></span></label></td> <td width="580px" align="center"><label for=""><font color="#0099ff" size="3px">description</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">unit</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">rate</font><span></span></label></td> </tr> <?php $ctr = 0; while ($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td align=\"center\"><input type=\"text\" size=\"6\" maxlength=\"6\" id=\"ord_$ctr\" maxlength=\"6\" name=\"ord_$ctr\" value=\"$row[orderby]\" class=\"form-input-oth\" onkeyup=\"document.getelementbyid('ord_$ctr').value = this.value;\"/></td>"; echo "<td align=\"center\"><input type=\"h\" size=\"6\" maxlength=\"6\" id=\"srno_$ctr\" maxlength=\"6\" name=\"srno_$ctr\" value=\"$row[srno]\" class=\"form-input-oth\" onkeyup=\"document.getelementbyid('srno_$ctr').value = this.value;\"/></td>"; echo "<td align=\"center\"><textarea name=\"descrip_$ctr\" cols=\"70\" class=\"form-input-textarea\" onkeyup=\"document.getelementbyid('descrip_$ctr').value = this.value;\">$row[descrip]</textarea></td>"; echo "<td align=\"center\"><input type=\"text\" size=\"6\" maxlength=\"9\" id=\"unit_$ctr\" maxlength=\"6\" name=\"unit_$ctr\" value=\"$row[unit]\" class=\"form-input-rate\" onkeyup=\"document.getelementbyid('unit_$ctr').value = this.value;\"/></td> "; echo "<td align=\"center\"><input type=\"text\" size=\"6\" maxlength=\"9\" id=\"rate_$ctr\" maxlength=\"6\" name=\"rate_$ctr\" value=\"$row[rate]\" class=\"form-input-rate\" onkeyup=\"document.getelementbyid('rate_$ctr').value = this.value;\"/></td>"; echo "</tr>"; $ctr++; } echo '</table>'; } else { ?> <div style="margin-left: 400px; margin-right: auto; width:180px;"> <h2><font color="#0099ff" face="times new roman">bill of quotation</font></h2> </div> <hr/> <table border="1px" width="80%" id="data" align="center"> <tr> <td><br /></td> </tr> <tr> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">order</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">sr no.</font><span></span></label></td> <td width="580px" align="center"><label for=""><font color="#0099ff" size="3px">description</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">unit</font><span></span></label></td> <td width="130px" align="center"><label for=""><font color="#0099ff" size="3px">rate</font><span></span></label></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="ord_0" maxlength="6" name="ord_0" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_0').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="6" id="srno_0" maxlength="6" name="srno_0" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_0').value = this.value;" /></td> <td align="center"><textarea name="descrip_0" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_0').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="unit_0" maxlength="6" name="unit_0" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_0').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="9" id="rate_0" maxlength="6" name="rate_0" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_0').value = this.value;" /></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_1" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_1').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_1" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_1').value = this.value;" /></td> <td align="center"><textarea name="descrip_1" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_1').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_1" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_1').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_1" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_1').value = this.value;" /></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_2" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_2').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_2" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_2').value = this.value;" /></td> <td align="center"><textarea name="descrip_2" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_2').value = this.value;"/></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_2" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_2').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_2" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_2').value = this.value;" /></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_3" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_3').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_3" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_3').value = this.value;" /></td> <td align="center"><textarea name="descrip_3" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_3').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_3" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_3').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_3" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_3').value = this.value;"/></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_4" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_4').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_4" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_4').value = this.value;" /></td> <td align="center"><textarea name="descrip_4" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_4').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_4" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_4').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_4" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_4').value = this.value;" /></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_5" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_5').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_5" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_5').value = this.value;" /></td> <td align="center"><textarea name="descrip_5" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_5').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_5" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_5').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_5" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_5').value = this.value;"/></td> </tr> <tr> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="ord_6" value="" class="form-input-oth" onkeyup="document.getelementbyid('ord_6').value = this.value;"/></td> <td align="center"><input type="text" size="6" maxlength="6" id="code" maxlength="6" name="srno_6" value="" class="form-input-oth" onkeyup="document.getelementbyid('srno_6').value = this.value;"/></td> <td align="center"><textarea name="descrip_6" cols="20" class="form-input-textarea" onkeyup="document.getelementbyid('descrip_6').value = this.value;"></textarea></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="unit_6" value="" class="form-input-rate" onkeyup="document.getelementbyid('unit_6').value = this.value;" /></td> <td align="center"><input type="text" size="6" maxlength="9" id="code" maxlength="6" name="rate_6" value="" class="form-input-rate" onkeyup="document.getelementbyid('rate_6').value = this.value;" /></td> </tr> <?php }?> </table> <input type="button" id="addnew" class="addnew" class="classname" name="addnew" value="+" /> <input type="hidden" id="items" name="items" value="7" />
you should use following:
// new way (jquery 1.7+) - .on(events, selector, handler) $('#container').on('click', '#inputbuttonid', function(event) { event.preventdefault(); alert('testlink'); }); this attach event input within #container element, reducing scope of having check whole document element tree , increasing efficiency.
more info here:
Comments
Post a Comment