好,好,好心人帮帮忙啊

xiajm1987 2008-10-13 02:07:13
我是实习生,公司让我做张职员财务报销表,登录时有权限设置。其中管理员进入时可以对表单进行添加和删除。我现在想在表单上(管理员 查看的页面)直接显示添加和删除按钮,并在按钮前设置文本框,在文本框里面输入文字,点添加或删除就直接把内容插入表单,那么用户进入时就可以直接看到更新后的表单。表单是静态,代码如下:
<%@ page contentType="text/html;charset=gb2312"%>
<HTML><p align="center"><br><br><HEAD><font size=64pt>职员报销登记表<title>职员报销登记表</title></font>
<script>
function changePayStyle(type){
if(type=='1'){
pay1.style.display="block";
pay2.style.display="block";
pay3.style.display="block";
pay4.style.display="block";
pay5.style.display="none";
pay6.style.display="none";
}else if(type=='2'){
pay1.style.display="none";
pay2.style.display="none";
pay3.style.display="block";
pay4.style.display="block";
pay5.style.display="none";
pay6.style.display="none";
}
else if(type=='3'){
pay1.style.display="none";
pay2.style.display="none";
pay3.style.display="none";
pay4.style.display="none";
pay5.style.display="block";
pay6.style.display="block";

}
}
</script>
<body><p align="center">
<form method="get" action="http://localhost:9090/myweb/submit.jsp" >
金 额 <input type="text" name="jine">       
报 销 人 <input type="text" name="people"><br><br> <br>
部 门 <input type="text" name="dpt">
        
归 属 <input type="text" name="belong" ><br><br><br>
         财 务 月 份   <select name="month" style="width"100" size="1">
<option value="1" selected > 1 </option>
<option value="2" > 2</option>
<option value="3" > 3 </option>
<option value="4" > 4 </option>
<option value="5" > 5</option>
<option value="6" > 6 </option>
<option value="7" > 7 </option>
<option value="8" > 8</option>
<option value="9" > 9</option>
<option value="10" > 10 </option>
<option value="11" > 11</option>
<option value="12" > 12 </option>
</select>
              
发 生 日 期   <input type="text" name="shij" >
<br><br><br>
    
费 用 类 型   <select name="type" style="width"200" size="1">
<option value="报销" selected>报销</option>
<option value="借款">借款</option>
</select>                      
项 目 类 型 <select name="pt" style="width"200" size="1">
<option value="发电" selected> 发电</option>
<option value="电网">电网</option>
</select><br><br><br>
                 项目归属<input type="text" name="pb">      
费用科目 <input type="radio" name="mp" value="工程费用" checked onclick="changePayStyle('1')">工程费用
<input type="radio" name="mp" value="日常费用" onclick="changePayStyle('2')">日常费用
<input type="radio" name="mp" value="专项费用" onclick="changePayStyle('3')"> 专项费用

</p><br>
                                                科目明细:
<ul style="list-style-type:none;" id="pay">
<li style="float:left;" id="pay1">                                          <input type="radio" name="pc" value="差旅费" checked>差旅费</input></li>
<li style="float:left;" id="pay2">            <input type="radio" name="pc" value="通讯费">通讯费</input></li>
<li style="float:left;display:none;" id="pay3">                                          <input type="radio" name="pcl" value="交通费">交通费</input></li>
<li style="float:left;display:none;" id="pay4">            <input type="radio" name="pc" value="办公费" >办公费</input></li>
<li style="float:left;display:none;" id="pay5">                                           <input type="radio" name="pc" value="会议费">会议费</input></li>
<li style="float:left;display:none;" id="pay6">            <input type="radio" name="pc" value="标书费" >标书费</input></li>
</ul>
<div style="clear:both;"></div>             

<p align="center">
摘要<textarea NAME="sum" ROWS=6 COLS=64 >

</textarea>
<br><br><br>
</table>

</tr>

</table>               录入人员<input type="text" name="lr">        <input type="submit" value=" 提交"></p>
</form>

</body></HTML>
请各位帮帮忙,很急啊!!!!我初来乍到,没几分可以给的,谅解下啊!
...全文
134 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
呵呵,谢啦!
neo_yoho 2008-10-13
  • 打赏
  • 举报
回复
公司有点难为你了
其实要改的时候去人工改改页面就行了 反正这功能以后也不常用的
如果单就创建控件的话 好说 但是要涉及到提交时候的判断、request的入库以及对历史表单的读取呢 这要考虑的东西就多了
jianglin28290 2008-10-13
  • 打赏
  • 举报
回复
var feeNode = document.getElementById('feeType');
var temp = document.createElement("input");
temp.setAttribute('type','text');
temp.setAttribute('name','aa');
feeNode.appendChild(temp);
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
那不是我写的,朋友做的,好像不完整的,有误。js我还没写过,一点思路都没。那朋友在北京做实验很忙的
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
公司说了,很多想要添加的项目是一下子考虑不到的,我也没办法,如果已经知道要添加哪些项目的话我应该可以完成的。
jianglin28290 2008-10-13
  • 打赏
  • 举报
回复
document.createElement("input");.....
你上面不是会动态创建吗
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
能不能说说具体的解决方案啊??很急啊,做了一个月了还没完成,5555555
neo_yoho 2008-10-13
  • 打赏
  • 举报
回复
动态修改表单啊
建议先画个最全的表单
然后所谓的添加或删除只是显示或隐藏对应控件 然后将对应的显示或隐藏属性保存到数据库中
显示的时候读取就行了

要动态修改表单 这个代价比较大 涉及的知识面比较广了
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
啊?我的表单是静态的,只是把数据存储进数据库而且,参数不是从数据库提取出来的,应该和数据库没什么联系吧
jianglin28290 2008-10-13
  • 打赏
  • 举报
回复
这个东西你为什么用静态页面做呢
如果用静态页面,你就要用js操作数据库
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
权限已经判断好了,现在是要实现管理员对表单的添加,删除。比如对表单增加一个文本框:报销时间<input type="text" name="aa">.如何把‘报销时间’这一文本框插入表单中。
jianglin28290 2008-10-13
  • 打赏
  • 举报
回复
这个问题基本上是对数据库的操作
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
这一个,你们看看行吗?

<%@ page contentType="text/html;charset=gb2312"%>
<HTML>
<head><title>职员报销登记表</title>
<head>
<script>
function changePayStyle(type){
if(type=='1'){
pay1.style.display="block";
pay2.style.display="block";
pay3.style.display="none";
pay4.style.display="none";
pay5.style.display="none";
pay6.style.display="none";
}else if(type=='2'){
pay1.style.display="none";
pay2.style.display="none";
pay3.style..display="block";
pay4.style.display="block";
pay5.style.display="none";
pay6.style.display="none";
}
else if(type=='3'){
pay1.style.display="none";
pay2.style.display="none";
pay3.style.display="none";
pay4.style.display="none";
pay5.style.display="block";
pay6.style.display="block";
}
}
function doAdd(){
var addText = document.getElementById('addText').value;
if(addText.length==0){
alert("输入的内容不能为空。");
}
document.getElementById("add&del_tip").firstChild.nodeValue ="输入你要添加的费用科目:";
var feeNode = document.getElementById('feeType');
var optionText = document.createTextNode(addText);
var NewElementNode = null;
try{
//for ie
NewElementNode = document.createElement("<input type= 'radio' name= 'mp' value='"+addText+"'>");
}catch(err){
NewElementNode = document.createElement("input");
NewElementNode.setAttribute("type","radio");
NewElementNode.setAttribute("name","mp");
NewElementNode.setAttribute("value",addText);
}

feeNode.appendChild(NewElementNode);
feeNode.appendChild(optionText);
}

function del(){
var addText = document.getElementById('addText').value;
if(addText.length==0){
alert("输入的内容不能为空。");
}
document.getElementById("add&del_tip").firstChild.nodeValue ="输入你要删除的费用科目:";
var feeNode = document.getElementById('feeType');
var input_feeNodes = feeNode.getElementsByTagName('input');
for(var i=0;i<input_feeNodes.length;i++){
//alert(input_feeNodes[i].value+" "+addText)
if(input_feeNodes[i].value==addText){
feeNode.removeChild(input_feeNodes[i].nextSibling);
feeNode.removeChild(input_feeNodes[i]);
return;
}
}
alert("不存在你要删除的费用科目。") ;
}

</script>
<body>
<p align="center"><br><br>
<font size=64pt>职员报销登记表</font>
</p>
<div align="center">
<div id="add">
<span id="add&del_tip">输入你要添加的费用科目:</span>
<br/>
<input type="text" size="30" id="addText"/>
<button onclick="doAdd();">添加</button>
<button onclick="del();">删除</button>
<br/>
<div>

金 额 <input type="text" name="jine">       
报 销 人 <input type="text" name="people"><br><br> <br>
部 门 <input type="text" name="dpt">
        
归 属 <input type="text" name="belong" ><br><br><br>
         财 务 月 份   <select name="month" style="width"100" size="1">
<option value="1" selected > 1 </option>
<option value="2" > 2</option>
<option value="3" > 3 </option>
<option value="4" > 4 </option>
<option value="5" > 5</option>
<option value="6" > 6 </option>
<option value="7" > 7 </option>
<option value="8" > 8</option>
<option value="9" > 9</option>
<option value="10" > 10 </option>
<option value="11" > 11</option>
<option value="12" > 12 </option>
</select>
              
发 生 日 期   <input type="text" name="shij" >
<br><br><br>
    
费 用 类 型   <select name="type" style="width"200" size="1">
<option value="报销" selected>报销</option>
<option value="借款">借款</option>
</select>                      
项 目 类 型 <select name="pt" style="width"200" size="1">
<option value="发电" selected> 发电</option>
<option value="电网">电网</option>
</select><br><br><br>
                 项目归属<input type="text" name="pb">      </input>
<div id="feeType" style="display:inline">
费用科目
<input type="radio" name="mp" value="工程费用" checked onclick="changePayStyle('1')">工程费用</input>
<input type="radio" name="mp" value="日常费用" onclick="changePayStyle('2')">日常费用</input>
<input type="radio" name="mp" value="专项费用" onclick="changePayStyle('3')"> 专项费用</input>
</div>
</p>
<span style="margin-left:-400px;">科目明细:</span>
<ul style="list-style-type:none;" id="pay">
<li style="float:left;" id="pay1">                                          <input type="radio" name="pc" value="差旅费" checked>差旅费</input></li>
<li style="float:left;" id="pay2">            <input type="radio" name="pc" value="通讯费">通讯费</input></li>
<li style="float:left;display:none;" id="pay3">                                          <input type="radio" name="pcl" value="交通费">交通费</input></li>
<li style="float:left;display:none;" id="pay4">            <input type="radio" name="pc" value="办公费" >办公费</input></li>
<li style="float:left;display:none;" id="pay5">                                           <input type="radio" name="pc" value="会议费">会议费</input></li>
<li style="float:left;display:none;" id="pay6">            <input type="radio" name="pc" value="标书费" >标书费</input></li>
</ul>
<div style="clear:both;"></div>             
<p align="center">
摘要<textarea NAME="sum" ROWS=6 COLS=64 >
</textarea>
<br><br><br>

</form>
</div>
</body></HTML>
wangruibaobei 2008-10-13
  • 打赏
  • 举报
回复
用户登录是只能填写表单,管理员登录是可以查看已经填写的表单,还可以对表单进行添加项目或删除项目。我现在要实现的就是对表单进行添加和删除,明白了吗?难道我的表达能力出问题了???


这不挺简单的吗,判断权限,数据增删改最基本 的了
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
用户登录是只能填写表单,管理员登录是可以查看已经填写的表单,还可以对表单进行添加项目或删除项目。我现在要实现的就是对表单进行添加和删除,明白了吗?难道我的表达能力出问题了???
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
我是三脚猫的功夫,乱写的,见笑了啊!有什么建议尽管提啊,谢谢啦
xiajm1987 2008-10-13
  • 打赏
  • 举报
回复
???怎么不明白啊?我的意思是表单是用户填写的,管理员要对表单进行添加或删除某几项,怎么来实现这个功能?
neo_yoho 2008-10-13
  • 打赏
  • 举报
回复
晕 看得不清不白 是不是要动态添加表格的项目啊
那你做静态表格干嘛
Atai-Lu 2008-10-13
  • 打赏
  • 举报
回复
说得不明不白,再着急也没用啊
xiaojing7 2008-10-13
  • 打赏
  • 举报
回复
你的描述不是太清楚,不明白你的意图

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧