$(document).ready(function () { var counter = 0; $("#addButton").click(function () { if (counter > 19) { alert("Only 20 Address allowed"); return false; } var elems = '<div class="col-lg-5" id="Address' + counter + '">'+ '<textarea class="form-control" name="alt_address[]" rows="3" placeholder="Address' + (counter+1) + '" /><div class="col-lg-6 form-group col-lg-offset-6"> </div>' + '<div class="col-lg-3 form-group" id="city' + counter + '">'+ '<select name="city_name[]" id="city_name' + counter + '" class="form-control"></select>' + '</div><div class="col-lg-3 form-group"><select name="locality_name[]" id="locality_name' + counter + '" class="form-control"><option value="" selected="selected" >Select Locality</option></select></div></div>' + '<div class="col-lg-1 form-group">'+ '<button type="button" class="removebtn" id="removeButton' + counter + '">' + '<span class="glyphicon glyphicon-minus"></span></button>' + '</div><div class="col-lg-6 form-group col-lg-offset-6"> </div>' ; $('#addressDiv').append(elems); counter++; $.ajax({ type:"Post", url:"city_load.php", cache:"false", success:function(html){ alert("test"); $("#city_name" + counter).html(html); } }); return false; }); $("#city_name" + counter).change(function(){ $city_id = $(this).val(); $.ajax({ type:"Post", url:"ajax-dd3ck.php", data:"city_id="+$city_id, cache:"false", success:function(html){ $("#locality_name" + counter).html(html); } }); }); $(document).on('click','.removebtn',function () { if(counter==0){ alert("No more textbox to remove"); return false; } counter--; $("#Address" + counter).remove(); $("#removeButton" + counter).remove(); }); }); </script>
<?php include("db.php"); $sql="select * from city"; $res=mysqli_query($con,$sql); while($row=mysqli_fetch_array($res)) { echo "<option value='$row[city_id]'>$row[city_name]</option>"; } ?>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)