控制区域中的输入框的提交修改

原创 于 2006-12-25 20:48:00 发布 · 626 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #class #button #function #电话 #table

本文介绍了一个访谈需求管理系统的界面设计与功能实现，包括业务填写、客服填写及访谈记录等模块，旨在提高访谈流程的效率与质量。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<jsp:directive.page import="cn.vetech.framework.util.VeDate"/>
<%@ include file="/askmanage/tag.jsp"%>
<%@ include file="/askmanage/verify.jsp"%>
<html>
<head>
<title>访谈需求</title>
<%@ include file="/askmanage/cssjs.jsp"%>
</head>
<body onLoad="onload()">
<table width="745" class="conPlan">
  <tr>
    <td><input id="saveSubmit" type="button" onClick="toSave()" value="保存"></td>
    <td><input id="toSubmit" type="button" onClick="toSubmit()" value="提交"></td>
    <td><input type="button" onClick="window.close()" value="关闭"></td>
  </tr>
</table>
<html:form action="/za/t_za_ftxqSave.shtml" method="post">
  <html:hidden property="action"/>
  <html:hidden property="surl" value="/za/ftxq.shtml"/>
  <html:hidden property="id"/>
  <html:hidden property="jbid"/>
  <input type="hidden" name="bdid" value="bdid">
  <input type="hidden" name="zaid" value="zaid">
  <html:hidden property="zt"/>
  <logic:equal name="t_za_ftxqForm" property="zt" value="1">
    <input type="hidden" name="yw_userid" value="${ASK123.userid}">
    <input type="hidden" name="yw_userxm" value="${ASK123.username}">
    <input type="hidden" name="yw_compid" value="${ASK123.compid}">
    <input type="hidden" name="yw_deptid" value="${ASK123.deptid}">
    <input type="hidden" name="yw_cjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <logic:equal name="t_za_ftxqForm" property="zt" value="3">
    <input type="hidden" name="kf_userid" value="${ASK123.userid}">
    <input type="hidden" name="kf_userxm" value="${ASK123.username}">
    <input type="hidden" name="kf_cjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <logic:equal name="t_za_ftxqForm" property="zt" value="5">
    <input type="hidden" name="kf_ftjlcjsj" value="<%=VeDate.getStringDate()%>">
  </logic:equal>
  <table width="745" class="freePlan" id="ywTable">
    <tr class="group">
      <td colspan="8">访谈需求－业务填写</td>
    </tr>
    <tr>
      <td width="91">预定访谈日期</td>
      <td width="106"><input name="yw_ftsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.yw_ftsj}"
onClick="event.cancelBubble=true;showCalendar('yw_ftsj',false,'yw_ftsj')" readonly="true">
      </td>
      <td width="55">学员人数</td>
      <td width="109"><input name="yw_xysl" type="text" value="${t_za_ftxqForm.yw_xysl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="55">主管人数</td>
      <td width="119"><input name="yw_zgsl" type="text" value="${t_za_ftxqForm.yw_zgsl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="55">承办人数</td>
      <td width="119"><input name="yw_cbsl" type="text" value="${t_za_ftxqForm.yw_cbsl}" size="5" maxlength="4" ctype="digit"></td>
    </tr>
    <tr>
      <td>对象姓名</td>
      <td><input name="yw_ftxm" type="text" value="${t_za_ftxqForm.yw_ftxm}" size="15" maxlength="200"></td>
      <td>对象职务</td>
      <td><input name="yw_ftzw" type="text" value="${t_za_ftxqForm.yw_ftzw}" size="15" maxlength="60"></td>
      <td>访谈方式</td>
      <td><select name="yw_ftfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.yw_ftfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.yw_ftfs eq "电话"?"selected":"" }>
          电话
          </option>
          <option value="面访" ${t_za_ftxqForm.yw_ftfs eq "面访"?"selected":"" }>
          面访
          </option>
        </select>
      </td>
      <td>访谈人</td>
      <td><select name="yw_ftry" style="width:100px">
          <option value="" ${t_za_ftxqForm.yw_ftry eq ""?"selected":"" }>---选择人员---</option>
          <option value="讲师本人" ${t_za_ftxqForm.yw_ftry eq "讲师本人"?"selected":"" }>讲师本人</option>
          <option value="其他顾问" ${t_za_ftxqForm.yw_ftry eq "其他顾问"?"selected":"" }>其他顾问</option>
          <option value="主管" ${t_za_ftxqForm.yw_ftry eq "主管"?"selected":"" }>主管</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>联系电话</td>
      <td><input name="yw_ftdh" type="text" value="${t_za_ftxqForm.yw_ftdh}" size="15" maxlength="30" ctype="telephone"></td>
      <td>访谈地点</td>
      <td colspan="5"><input name="yw_ftdd" type="text" value="${t_za_ftxqForm.yw_ftdd}" size="60" maxlength="100"></td>
    </tr>
    <tr>
      <td>重点提示</td>
      <td colspan="7"><textarea name="yw_ftzd" cols="80" rows="3" maxlength="1000">${t_za_ftxqForm.yw_ftzd}</textarea>
      </td>
    </tr>
    <tr>
      <td>备注</td>
      <td colspan="7"><textarea name="yw_bzbz" rows="3" maxlength="200">${t_za_ftxqForm.yw_bzbz}</textarea>
      </td>
    </tr>
  </table>
  <table width="745" class="freePlan" id="kfTable">
    <tr class="group">
      <td colspan="8">访谈需求－客服填写</td>
    </tr>
    <tr>
      <td width="89">预定访谈日期</td>
      <td width="99"><input name="kf_ftsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftsj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftsj',false,'kf_ftsj')" readonly="true">
      </td>
      <td width="59">学员人数 </td>
      <td width="108"><input name="kf_xysl" type="text" value="${t_za_ftxqForm.kf_xysl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="59">主管人数 </td>
      <td width="117"><input name="kf_zgsl" type="text" value="${t_za_ftxqForm.kf_zgsl}" size="5" maxlength="4" ctype="digit"></td>
      <td width="59">承办人数 </td>
      <td width="119"><input name="kf_cbsl" type="text" value="${t_za_ftxqForm.kf_cbsl}" size="5" maxlength="4" ctype="digit"></td>
    </tr>
    <tr>
      <td>对象姓名</td>
      <td><input name="kf_ftxm" type="text" value="${t_za_ftxqForm.kf_ftxm}" size="15" maxlength="200"></td>
      <td>对象职务</td>
      <td><input name="kf_ftzw" type="text" value="${t_za_ftxqForm.kf_ftzw}" size="15" maxlength="60"></td>
      <td>访谈方式</td>
      <td><select name="kf_ftfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.kf_ftfs eq "电话"?"selected":"" }>电话</option>
          <option value="面访" ${t_za_ftxqForm.kf_ftfs eq "面访"?"selected":"" }>面访</option>
        </select>
      </td>
      <td>访谈人</td>
      <td><select name="kf_ftry" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftry eq ""?"selected":"" }>---选择人员---</option>
          <option value="讲师本人" ${t_za_ftxqForm.kf_ftry eq "讲师本人"?"selected":"" }>讲师本人</option>
          <option value="其他顾问" ${t_za_ftxqForm.kf_ftry eq "其他顾问"?"selected":"" }>其他顾问</option>
          <option value="主管" ${t_za_ftxqForm.kf_ftry eq "主管"?"selected":"" }>主管</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>联系电话</td>
      <td><input name="kf_ftdh" type="text" value="${t_za_ftxqForm.kf_ftdh}" size="15" maxlength="30" ctype="telephone"></td>
      <td>访谈地点</td>
      <td colspan="5"><input name="kf_ftdd" type="text" value="${t_za_ftxqForm.kf_ftdd}" size="60" maxlength="100"></td>
    </tr>
    <tr>
      <td>备注</td>
      <td colspan="7"><textarea name="kf_bzbz" rows="3"  maxlength="200">${t_za_ftxqForm.kf_bzbz}</textarea>
      </td>
    </tr>
  </table>
  <table width="745" class="freePlan" id="ftjlTable">
    <tr class="group">
      <td colspan="8">访谈记录－客服填写</td>
    </tr>
    <tr>
      <td width="62">客户名称</td>
      <td width="148"><input name="kf_ftjlkhmc" type="text" value="${t_za_ftxqForm.kf_ftjlkhmc}" maxlength="100">
      </td>
      <td width="50">课程主题</td>
      <td width="148"><input name="kf_ftjlkczt" type="text" value="${t_za_ftxqForm.kf_ftjlkczt}" maxlength="20">
      </td>
      <td width="50">上课日期</td>
      <td width="99"><input name="kf_ftjlsksj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftjlsksj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftjlsksj',false,'kf_ftjlsksj')" readonly="true">
      </td>
      <td width="50">讲师姓名</td>
      <td width="102"><input name="kf_ftjljs" type="text" value="${t_za_ftxqForm.kf_ftjljs}" size="15" maxlength="20">
      </td>
    </tr>
    <tr>
      <td>业务负责人</td>
      <td><input type="text" value="${t_za_ftxqForm.yw_userxm}" readonly="true">
      </td>
      <td>访谈人</td>
      <td><input name="kf_ftjlftry" type="text" value="${t_za_ftxqForm.kf_ftjlftry}" maxlength="20">
      </td>
      <td>访谈日期</td>
      <td><input name="kf_ftjlsj" maxlength="10" type="text" class="Dinput" ctype="date" value="${t_za_ftxqForm.kf_ftjlsj}"
onClick="event.cancelBubble=true;showCalendar('kf_ftjlsj',false,'kf_ftjlsj')" readonly="true">
      </td>
      <td>访谈方式</td>
      <td><select name="kf_ftjlfs" style="width:100px">
          <option value="" ${t_za_ftxqForm.kf_ftjlfs eq ""?"selected":"" }>---选择方式---</option>
          <option value="电话" ${t_za_ftxqForm.kf_ftjlfs eq "电话"?"selected":"" }>电话</option>
          <option value="面访" ${t_za_ftxqForm.kf_ftjlfs eq "面访"?"selected":"" }>面访</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>学员人数</td>
      <td><input name="kf_ftjlxysl" type="text" value="${t_za_ftxqForm.kf_ftjlxysl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>主管人数</td>
      <td><input name="kf_ftjlzgsl" type="text" value="${t_za_ftxqForm.kf_ftjlzgsl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>承办人数</td>
      <td><input name="kf_ftjlcbsl" type="text" value="${t_za_ftxqForm.kf_ftjlcbsl}" size="5" maxlength="20" ctype="digit">
      </td>
      <td>对象姓名</td>
      <td><input name="kf_ftjldxxm" type="text" value="${t_za_ftxqForm.kf_ftjldxxm}" size="15" maxlength="20">
      </td>
    </tr>
    <tr>
      <td>对象职务</td>
      <td><input name="kf_ftjldxzw" type="text" value="${t_za_ftxqForm.kf_ftjldxzw}" maxlength="20">
      </td>
      <td>备注</td>
      <td colspan="5"><input name="kf_ftjlbzbz" type="text" value="${t_za_ftxqForm.kf_ftjlbzbz}" maxlength="20" size="50">
      </td>
    </tr>
    <tr>
      <td>访谈重点</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlftzd">${t_za_ftxqForm.kf_ftjlftzd}</textarea>
      </td>
    </tr>
    <tr>
      <td>主管期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlzgqw">${t_za_ftxqForm.kf_ftjlzgqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>学员期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlxyqw">${t_za_ftxqForm.kf_ftjlxyqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>承办人期望</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlcbqw">${t_za_ftxqForm.kf_ftjlcbqw}</textarea>
      </td>
    </tr>
    <tr>
      <td>课程规划</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjlkcgh">${t_za_ftxqForm.kf_ftjlkcgh}</textarea>
      </td>
    </tr>
    <tr>
      <td>教学设计</td>
      <td colspan="7"><textarea rows="3" name="kf_ftjljxsj">${t_za_ftxqForm.kf_ftjljxsj}</textarea>
      </td>
    </tr>
  </table>
  <table border="0" width="745">
    <tr>
      <td colspan="2">&nbsp;</td>
      <td colspan="2" align="center"><input id="saveSubmitToo" name="button3" type="button" class="ButtonBL"  onClick="toSave();"  value=" 保 存 "></td>
      <td align="center"><input name="button2" type="button" class="ButtonBL"  onClick="window.history.go(-1)"  value=" 取 消 "></td>
    </tr>
  </table>
</html:form>
<div class="Fback">
  <div id="Ftext">
    <ul>
      <h5>友情提醒：</h5>
      <li>注意：带<span class="redStar">*</span>是必填项。</li>
      <li>1、如果您选择保存，还可以修改数据；如果您选择提交，只能查看数据而不能修改数据。</li>
    </ul>
  </div>
</div>
</body>
<script type="text/javascript">
function copyData(){
 t_za_ftxqForm.kf_ftsj.value=t_za_ftxqForm.yw_ftsj.value;
 t_za_ftxqForm.kf_xysl.value=t_za_ftxqForm.yw_xysl.value;
 t_za_ftxqForm.kf_zgsl.value=t_za_ftxqForm.yw_zgsl.value;
 t_za_ftxqForm.kf_cbsl.value=t_za_ftxqForm.yw_cbsl.value;
 t_za_ftxqForm.kf_ftxm.value=t_za_ftxqForm.yw_ftxm.value;
 t_za_ftxqForm.kf_ftzw.value=t_za_ftxqForm.yw_ftzw.value;
 t_za_ftxqForm.kf_ftfs.value=t_za_ftxqForm.yw_ftfs.value;
 t_za_ftxqForm.kf_ftry.value=t_za_ftxqForm.yw_ftry.value;
 t_za_ftxqForm.kf_ftdh.value=t_za_ftxqForm.yw_ftdh.value;
 t_za_ftxqForm.kf_ftdd.value=t_za_ftxqForm.yw_ftdd.value;
}
function copyFtjl(){
 t_za_ftxqForm.kf_ftjlfs.value=t_za_ftxqForm.kf_ftfs.value;
 t_za_ftxqForm.kf_ftjlxysl.value=t_za_ftxqForm.kf_xysl.value;
 t_za_ftxqForm.kf_ftjlzgsl.value=t_za_ftxqForm.kf_zgsl.value;
 t_za_ftxqForm.kf_ftjlcbsl.value=t_za_ftxqForm.kf_cbsl.value;
 t_za_ftxqForm.kf_ftjldxxm.value=t_za_ftxqForm.kf_ftxm.value;
 t_za_ftxqForm.kf_ftjldxzw.value=t_za_ftxqForm.kf_ftzw.value;
 t_za_ftxqForm.kf_ftjlsj.value=t_za_ftxqForm.kf_ftsj.value;
}
function onload(){
 disabledTable("ywTable");  //访谈需求－业务填写
 disabledTable("kfTable");  //访谈需求－客服填写
 disabledTable("ftjlTable");  //访谈记录－客服填写
 $("saveSubmit").setAttribute("disabled","disabled");  //上面保存按钮
 $("toSubmit").setAttribute("disabled","disabled");　　//提交按钮
 $("saveSubmitToo").setAttribute("disabled","disabled");  //下面保存按钮
 var yhlx = "${ASK123.yhlx}";
 var zt = ${t_za_ftxqForm.zt};
 
 //业务
 if(yhlx=="10"){
  if(zt=="1"){
   openTable(ywTable);
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
 //财务
 if(yhlx=="20"){
  if(zt=="2"){
   openTable(cwTable);
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
 //客服
 if(yhlx=="30"){
  if(zt=="3"){
   openTable(kfTable);
   copyData();
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
  if(zt=="5"){
   openTable(ftjlTable);
   copyFtjl();
   $("saveSubmit").removeAttribute("disabled");
   $("toSubmit").removeAttribute("disabled");
   $("saveSubmitToo").removeAttribute("disabled");
  }
 }
}
function toSave(){
 if(!checkForm("t_za_ftxqForm")){
  return;
 }
 document.t_za_ftxqForm.submit(); 
}
//提交
function toSubmit(){
    if(!checkForm("t_za_ftxqForm")){
  return;
 }
 var zt=$("zt").value;
     zt=parseInt(zt)+2;
 $("zt").value=zt;
   document.t_za_ftxqForm.submit();
}
</script>
</html>

/*使区域中的输入框不能提交修改*/
 function disabledTable(areaqy){
    try{
  var table=$(areaqy);
  var inputs=table.getElementsByTagName("input");
  for(var i=0;inputs!=null&&i<inputs.length;i++){
   inputs[i].setAttribute("disabled","disabled");
  }
  var selects=table.getElementsByTagName("select");
  for(var i=0;selects!=null&&i<selects.length;i++){
   selects[i].setAttribute("disabled","disabled");
  }
  var textareas=table.getElementsByTagName("textarea");
  for(var i=0;textareas!=null&&i<textareas.length;i++){
   textareas[i].setAttribute("disabled","disabled");
  }
  }catch(ex){}
 }
 /*使区域中的输入框能提交修改*/
 function openTable(areaqy){
   try{
  var table=$(areaqy);
  var inputs=table.getElementsByTagName("input");
  for(var i=0;inputs!=null&&i<inputs.length;i++){
   inputs[i].removeAttribute("disabled");
  }
  var selects=table.getElementsByTagName("select");
  for(var i=0;selects!=null&&i<selects.length;i++){
   selects[i].removeAttribute("disabled");
  }
  var textareas=table.getElementsByTagName("textarea");
  for(var i=0;textareas!=null&&i<textareas.length;i++){
   textareas[i].removeAttribute("disabled");
  }
  }catch(ex){}
 } 

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值