http://hi.baidu.com/supersolon/blog/item/c07bca86cf9307b26d8119e6.html JS動態對表單進行添加和修改

http://hi.baidu.com/supersolon/blog/item/7a52c6562cebb9030df3e3e5.html JS實現區域打印，去頁眉頁腳

Title

<%@ page language="java" contentType="text/html;charset=GBK"
import="java.util.Date"%>

<%@ taglib uri="<%@ taglib uri="<%@ taglib uri="<%@ taglib uri="

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html>
<head>
<title>市局辦公用品－新個人申領</title>
<fmt:setBundle basename="MyResource" scope="session" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="<fmt:message key='StylePath' />style.css" rel="stylesheet"
   type="text/css">
<script type="text/javascript"
   src="<fmt:message key='JavaScriptPath' />common.js"></script>
<script language="javascript"
   src="<fmt:message key='JavaScriptPath' />meizzDate.js"></script>
<script language="JavaScript"
   src="<fmt:message key='JavaScriptPath' />GetDate.js"></script>
<script language="JavaScript" src="common/js/dojo/dojo.js"></script>
<script type='text/javascript'
   src='<%=request.getContextPath()%>/dwr/interface/OfficeSuppliesLogic.js'></script>
<script type='text/javascript'
   src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script language="javascript"
   src="<c:out value="${pageContext.request.contextPath}"/>/common/js/js_select.js"></script>
<script language="javascript">
//dwr.engine.setAsync(false);
var csbh="<c:out value="${sessionScope.currentUserData.csbh}"/>";
var goodsindex=0;
   function submitButton(obj)
{
if(obj.value==""){
return;
}
OfficeSuppliesLogic.queryGoods(obj.value,csbh,setGoods);
}
function handleSetSelectIndexAsValue(destSideId,value){
       var destSide=document.getElementById(destSideId);
    if(destSide==null)return;
    for(var j=0;j<destSide.options.length; j++){
   if(destSide.options[j].value==value){
       destSide.selectedIndex=j;
      break;
    }
}

}

function setGoods(data){
handleRemoveAll("goods");

if(data==null ||data=='null'){return;}

for(var i=0;i<data.length;i++){
var officeSuppliesModel=data[i];

if(officeSuppliesModel==null ||officeSuppliesModel=='null' ){continue;}

var goodsId=officeSuppliesModel.id;
var goodsName=officeSuppliesModel.name;
var goodsUnit=officeSuppliesModel.unit;
handleAdd("goods",goodsId+"|"+goodsUnit,goodsName);
     }
   }

function backClick()
{
    document.forms[0].method.value="queryExamePersonSuppliesByUser";
   return true;
}
function saveClick()
{
   document.forms[0].typeName.value=document.forms[0].typeId.options[document.forms[0].typeId.selectedIndex].text;
   document.forms[0].goodsName.value=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].text;
   count=document.forms[0].goodsName.value;
   if(count==null || count.length<=0)
   {
    alert('物品名稱不能為空!');
    document.forms[0].goodsName.value='';
    return false;
   }
   count=document.forms[0].applyCount.value;
   if(count==null || count<='0')
   {
    alert('數量不能小(等)于零或為空!');
    document.forms[0].applyCount.value='';
    return false;
   }

   return true;
}
function startClick()
{
    var checknum=0;
    var checkBoxs=document.getElementsByName("applyid");
    for(var i=0;i<checkBoxs.length;i++){

           if(checkBoxs[i].checked){

             checknum=checknum+1;
           }
      }

      if(checknum==0){
       alert("可提交的申請項為空，請選擇申請項后進行提交！");
       return false;
      }
   document.forms[0].method.value="createPersonSuppliesDraw";

   return true;
}
    function goodChange()
    {
        var val=document.forms[0].goods.options[document.forms[0].goods.selectedIndex].value;
   var arry=val.split('|');
   try{
        document.forms[0].unit.value=arry[1];
         document.forms[0].goodsId.value=arry[0];

    if(document.getElementById('display').hasChildNodes())
         {
             document.getElementById('display').removeChild(document.getElementById('display').childNodes[0]);
         }
      //   document.getElementById('display').removeChild(document.getElementById('display'));
            document.getElementById('display').appendChild(document.createTextNode(arry[1]));

   }catch(e)
   {}
    }

}

function setModify(obj){
   var id=obj.cells[3].getElementsByTagName("input")[0].value;
    document.forms[0].opertype.value=id;

     document.forms[0].applyCount.value=obj.cells[2].getElementsByTagName("input")[0].value;

     //document.forms[0].guige.value=obj.cells[3].getElementsByTagName("input")[0].value;
     handleSetSelectIndexAsValue("typeId",obj.cells[0].getElementsByTagName("input")[0].value);
submitButton(document.getElementById("typeId"));
handleSetSelectIndexAsValue("goods",obj.cells[1].getElementsByTagName("input")[1].value+"|"+obj.cells[1].getElementsByTagName("input")[2].value);
document.getElementById("okbutton").value="確定";
}

</script>
</head>
<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td height="30" class="place">
     <img src="<fmt:message key='CommonImagePath' />place_btn.gif"
      width="12" height="11">
     當前位置：北京市藥監局 >> 輔助辦公 >> 辦公用品申請
    </td>
   </tr>
   <tr>
    <td height="10">
    </td>
   </tr>
</table>

<table width="95%" border="0" align="center" cellpadding="0"
   cellspacing="0" class="table1_border">
   <tr>
    <td class="table1_head_title">
     <img src="<fmt:message key='CommonImagePath' />table1_head_ico.gif"
      width="26" height="23" align="absmiddle">
     辦公用品領用登記
    </td>
   </tr>
   <tr>
    <td class="table1_head_line">
    </td>
   </tr>

<html:form action="/exameOfficeSupplies">

      <html:hidden property="method" value="createPersonSuppliesDraw" />
      <html:hidden property="applyUserId" />
      <html:hidden property="applyUserName" />
      <html:hidden property="applyDeptId" />
      <html:hidden property="applyDeptName" />
      <html:hidden property="goodsName" />
      <html:hidden property="typeName" />
      <html:hidden property="unit" />
      <html:hidden property="priceIsAdmin" />

       <tr>
        <td class="table2_td">
         <input id="opertype" name="opertype" type=hidden value="">
         <select id="typeId" name="typeId" tmpid="2"
          onchange="submitButton(this);">
          <option />
           <c:forEach items="${typeList}" var="OfficeSuppliesTypeModel">
            <option
             value="<c:out value="${OfficeSuppliesTypeModel.id}"/>"
             <c:if test="${OfficeSuppliesTypeModel.id==typeId}">
                selected
               </c:if> />
             <c:out value="${OfficeSuppliesTypeModel.sort}" />
            </option>

           </c:forEach>
         </select>
        </td>

        <td class="table2_td">

         <INPUT type="hidden" name="goodsId_2">
         <select id="goods" name="goods" onchange="goodChange(this);">
          <option />
           <c:forEach items="${goodsList}" var="OfficeSuppliesModel">
            <option
             value="<c:out value="${OfficeSuppliesModel.id}"/>|<c:out value="${OfficeSuppliesModel.unit}"/>"
             <c:if test="${OfficeSuppliesModel.id==officeSuppliesDrawForm.goods_id}">
              selected </c:if> />
             <c:out value="${OfficeSuppliesModel.name}" />
            </option>
           </c:forEach>
         </select>
        </td>

</td>

       <tr>
        <td align="center" class="table2_btn" colspan="6">
         <input type="image"
          src="<fmt:message key='CommonImagePath' />btnSubmit.gif"
          onclick="return startClick()">
          

         <input type="image"
          src="<fmt:message key='CommonImagePath' />btnBack.gif"
          onclick="return backClick()">

</td>
       </tr>
      </table>
      <%@include file="../common/getDisplayParams1.jsp"%>
      
      
     </html:form>

</td>
</tr>
</table>

</body>

</html:html>

posted on 2011-07-25 11:23 Mon$ter！閱讀(3430) 評論(2) 編輯收藏

FeedBack:

# re: JS動態對表單進行添加和修改

2014-11-13 12:00 | 158

4 回復更多評論

# re: JS動態對表單進行添加和修改

2014-11-13 12:01 | 158

今天是個好日子回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

2014年11月

日

一

二

三

四

五

六

常用鏈接

留言簿

隨筆檔案(11)

2011年7月 (11)

常用鏈接

留言簿

隨筆檔案(11)

文章分類

最新隨筆

搜索

最新評論

閱讀排行榜

評論排行榜