<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Useful Jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var count =0;
$(document).ready(function () {
$("#customButton1").click(function(){
var div_id = "#div_show"+count;
count++;
$(div_id).append("<div id='div_show" + count + "'><input type='text' name='pro_name" + count + "' /> <input type='text' name='qty_name" + count + "' /></div>");
});
$("#customButton2").click(function() {
if(count>0){
var div_id = "#div_show"+count;
count--;
$(div_id).remove();
}
});
});
</script>
</head>
<body>
<div id="div_show0"> </div>
<input type="button" id="customButton1" value="Add product and quantity textbox" />
<input type="button" id="customButton2" value="Remove product and quantity textbox" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Useful Jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var count =0;
$(document).ready(function () {
$("#customButton1").click(function(){
var div_id = "#div_show"+count;
count++;
$(div_id).append("<div id='div_show" + count + "'><input type='text' name='pro_name" + count + "' /> <input type='text' name='qty_name" + count + "' /></div>");
});
$("#customButton2").click(function() {
if(count>0){
var div_id = "#div_show"+count;
count--;
$(div_id).remove();
}
});
});
</script>
</head>
<body>
<div id="div_show0"> </div>
<input type="button" id="customButton1" value="Add product and quantity textbox" />
<input type="button" id="customButton2" value="Remove product and quantity textbox" />
</body>
</html>
