<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-179  評論-666  文章-29  trackbacks-0
             前段時間在做設票系統,瞎搞一會,用JavaScript搞了一些有趣的東西,因為投票的條數不定,一個題目有不定條選項,要實現一次把投票題目與不定數目選項的投票項目一次性添加進數據庫,因些就想了用JavaScript寫了一個動態生成的HTML的“文體框”。然后用數組把所有值寫入數據庫。現在就把它做成一個簡單的演示例子放在這里吧:

    <html>
    <head>
    <title> 動態生成文體框演示 title>


    <script language="javascript">

        
    function createitem()
        
    {
           
    var m=document.form1;
           
    var val=m.max.value;
           
    for (i=0;i<val;i++)
           
    {
                   r
    =tab.insertRow()

                c
    =r.insertCell('nowrap align:Left') 
                c.innerHTML
    ="復選單選";

                c
    =r.insertCell() 
                c.innerHTML
    ="·";
           }

           m.max.value
    ="";
        }


        
    function resetDate()
        
    {
           
    var m=document.form1;
           m.action
    ="butt.html";
           m.submit();
        }


    script>
    head>

    <body>
    <form name="form1" method=post action="">
    <table name="tab" id="tab">
       
    <tr>
         
    <td colspan="2"> <div align="center">·動態生成文體框演示·div>td>
       
    tr>
       
       
    <tr>
         
    <td colspan="2"> 請輸入您要添加的行數:
           
    <input type="text" name="max" size="5" value=""> 
           
    <input type="button" name="add" value="添加" onclick="createitem()"> 
           
    <input type="button" name="reset" value="重置" onclick="resetDate()">
         
    td>
       
    tr>
    table>
    form>
    body>

    html>


            后來又做了一些其它的嘗試演示,下面這個程序是增加了刪除HTML表單的例子:

    <script language="javascript">
        
    var curRow=null;
        
    function selectRow(tr1){
            
    if(curRow)
            curRow.bgColor
    ="#FFFFFF";
            tr1.bgColor
    ="e7e7e7";
            curRow
    =tr1;
        }


        
    function addRow(src){
            
    var newrow = src.insertRow(src.rows.length-1);
            newrow.attachEvent(
    "onclick",function(){selectRow(newrow);});
            newrow.height
    =20;
            
    var i=5;
            
    while(i--){
                
    var newcell = newrow.insertCell();
                
    switch(i){
                    
    case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="刪除此行">';break;
                    
    default: newcell.innerHTML='&nbsp;';break;
                }

            }

        }


        
    function delRow(src){
            src.parentElement.deleteRow(src.rowIndex);
        }

    script>

    <table id="tabe" width="100%"  border="1" >
      
    <tr>
        
    <th width="20%">編號th>
        
    <th width="20%">姓名th>
        
    <th width="20%">性別th>
        
    <th width="20%">年齡th>
        
    <th width="20%">民族th>
      
    tr>

      
    <tr id="lastRow" onClick="addRow(this.parentElement)">
        
    <td> 1td>
        
    <td> 2td>
        
    <td> 3td>
        
    <td> 4td>
        
    <td> 5td>
      
    tr>

    table>



    posted on 2005-10-27 17:49 Alpha 閱讀(8813) 評論(7)  編輯  收藏 所屬分類: Java J2EE JSP

    評論:
    # re: 動態生成HTML表單 2005-11-06 18:02 | alam
    不錯很實用  回復  更多評論
      
    # re: 動態生成HTML表單 2006-04-10 10:18 | gdizqzq
    非常感謝
    delRow(this.parentElement.parentElement)
    function delRow(src){
    src.parentElement.deleteRow(src.rowIndex);
    }

    受益匪淺  回復  更多評論
      
    # re: 動態生成HTML表單 2007-04-13 14:50 | 賭東道
    為什么總是說我的max為空對象啊  回復  更多評論
      
    # re: 動態生成HTML表單 2007-04-25 21:03 | gfds
    gfd  回復  更多評論
      
    # re: 動態生成HTML表單 2008-10-15 11:12 | gsb

      回復  更多評論
      
    # re: 動態生成HTML表單 2010-03-16 13:17 | busifox
    挺不錯的  回復  更多評論
      
    # re: 動態生成HTML表單 2014-05-04 16:47 | 55
    87444  回復  更多評論
      
    主站蜘蛛池模板: 久久国产免费直播| 亚洲国产成人AV网站| 国产成人免费午夜在线观看| 中文字幕亚洲色图| 在线看片免费不卡人成视频| 精品亚洲视频在线| 亚洲日韩中文字幕在线播放| 久爱免费观看在线网站| 色在线亚洲视频www| 亚洲电影日韩精品| 一级毛片免费毛片一级毛片免费| 久久久久亚洲国产| 亚洲综合无码精品一区二区三区 | 亚洲AV无码精品蜜桃| 亚洲国产成人影院播放| 国产精品色拉拉免费看| 处破女第一次亚洲18分钟| 亚洲精品综合一二三区在线| 四色在线精品免费观看| 97在线免费观看视频| 青青青亚洲精品国产| 亚洲专区一路线二| 亚洲AV日韩精品久久久久久久| 无码国模国产在线观看免费| 国产精品成人观看视频免费| 国产精品黄页免费高清在线观看| 亚洲无吗在线视频| 在线免费观看亚洲| 亚洲成在人线av| 亚洲日韩精品无码专区网址| 精品免费国产一区二区三区| 久久午夜夜伦鲁鲁片免费无码影视| 波霸在线精品视频免费观看| 亚洲AV无码一区二区三区网址| 亚洲国产成人手机在线电影bd| 亚洲国产精品一区二区成人片国内| 亚洲国产精品无码久久九九 | 久久久久久一品道精品免费看| 两个人日本免费完整版在线观看1| 亚洲色欲啪啪久久WWW综合网| 亚洲午夜一区二区电影院|