jquery and php to grab the contents from a selected row When onclick of a selected checbox -
attached source code of php , jquery , gives undefined alert ...later displays contents in table... need display 1 user clicks on checkbox..... mistake in code.
--------------------php---------------------------------------------------------
</script> <script src="<?=base_url();?>js/calendar.js" type="text/javascript"></script> <form name="inwardproductlist" action="" method="post" > <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="formtable"> <tr> <td height="23" colspan="8" align="center" valign="middle" bgcolor="#ffffff" class="rows"><b>cart display</b></td> </tr> <tr> <td height="66" align="left" valign="top"><table width="99%" id="suppliedtable" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="4%" height="43" align="center" valign="middle" bgcolor="#e7e6e6" class="rows"><strong>sl.no</strong></td> <td width="20%" align="center" valign="middle" bgcolor="#e7e6e6" class="rows"><strong>product name</strong></strong></td> <td width="20%" align="center" valign="middle" bgcolor="#e7e6e6" class="rows"><strong>barcode</strong></td> <td width="8%" align="center" valign="middle" bgcolor="#e7e6e6" class="rows"><strong>quantity</strong></strong></td> <td width="8%" align="center" valign="middle" bgcolor="#e7e6e6" class="rows"><strong>select</strong></strong></td> </tr> <? $i=0; if($productname->num_rows() >0){ foreach($productname->result() $row ){ $i++; ?> <tr> <td align="left" valign="middle" bgcolor="#ffffff" class="rows"><?=$i;?></td> <td align="left" valign="middle" bgcolor="#ffffff" class="rows"><?=$row->product_name?></td> <input type="hidden" name="product_name<?=$i?>" id="product_name<?=$i?>" class="button" value="<?=$row ->product_name;?>"/> <td align="left" valign="middle" bgcolor="#ffffff" class="rows"><?=$row->barcode?></td> <input type="hidden" name="barcode<?=$i?>" id="barcode<?=$i?>" class="button" value="<?=$row ->barcode;?>"/> <td align="left" valign="middle" bgcolor="#ffffff" class="rows"><form><input type="text" name="quantity<?=$i;?>" id="quantity<?=$i;?>" /></form></td> <td align="left" valign="middle" bgcolor="#ffffff" class="rows"><form> <input type="checkbox" name="status<?=$i;?>" id="status<?=$i;?>" value="yes" /> <br /></form></td> </tr> <? }}else{?> <tr> <td height="23" colspan="8" align="center" valign="middle" bgcolor="#ffffff" class="rows"><b>selected product has not been processed yet</b></td> </tr> <?}?> </table></td> </tr> <input type="hidden" name="numoflimit" id="numoflimit" class="button" value="<?=$i?>"/> <tr><td><input type="hidden" name="cart1" id="cart1"></td></tr> </table> <form><tr><td align="center" > <button onclick="go()">submit</button></td> </tr> <tr> <td id="cart"> </td> </tr> <div id="test"></div> </form></form> </form> ----------------------jquery code----------------------------------------------
for(k=0;k<=9000;k++) { //each change $("#status"+k).change(function () { var numoflimit = encodeuricomponent($('#numoflimit').val()); //alert(numoflimit); for(j=0;j<=numoflimit;j++) { var product_name = encodeuricomponent($('#product_name'+j).val()); //alert(product_name); var barcode = encodeuricomponent($('#barcode'+j).val()); var quantity = encodeuricomponent($('#quantity'+j).val()); //var unitbag = encodeuricomponent($('#unitbag'+k).val()); //var postdata = $("form").serialize(); // alert(postdata); var cart=product_name + barcode + quantity; alert(cart); $('#cart1').val(cart); } }); }
have got full working example somewhere, can try it? debugging undefined error in javascript looking @ code snippet not easiest thing in world.
you might want open javascript error console in firefox , check errors tab straight after alert appears, might give useful pointer error (e.g. you've forgotten define variable somewhere). firebug plugin may help: http://getfirebug.com/
edit: noticed seems duplicate of question:
Comments
Post a Comment