思路：使用jquery-easyui框架实现弹出div，在jsp初始化时从后台获得数据初始化div中的form表单元素的value属性，从而获得后台数据。在点击确定按钮时使用ajax向后台发送数据。

步骤：

　　1、jsp页面引入如下文件

2、在create.jsp页面上添加弹出div

　　      当前值          增量          最大值          种类              部门名称                

其中 modal='true' closed=“true”属性设置div的初始状态为隐藏,在div中初始化表单元素的value值为后台的数据

3、点击文本框时触发弹出div的函数

4、js函数如下

function generateNum(){   $j('#generateProductNum').dialog('open'); }

在框架中存在jquery和prototype的冲突，为解决冲突问题必须采用

var  $j= jQuery.noConflict();

将$j符合作为jquery的标志符合。且var  $j= jQuery.noConflict();必须紧跟之后，即在在开始执行script的时候先执行冲突函数，这样后续的prototype中的冲突就可以解决。即应用于所有js代码

5、点击div的确定按钮后执行的方法（将用户自定义的代码产生格式赋值到form表单中对应的文本域中 ，同时关闭弹出的div）

function confim(){  var now=new Date();  var departCode=document.getElementById('departId').value.toUpperCase();  //var departCode=document.getElementById('departId').options[document.getElementById('departId').selectedIndex].text.toUpperCase();  var currentValue=document.getElementById('currentValue').value;  var increase=document.getElementById('increase').value;  var valueNum=parseInt(currentValue)+parseInt(increase);    if(valueNum/100