<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寫了一個動態(tài)生成的HTML的“文體框”。然后用數組把所有值寫入數據庫。現在就把它做成一個簡單的演示例子放在這里吧:

    <html>
    <head>
    <title> 動態(tài)生成文體框演示 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">·動態(tài)生成文體框演示·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: 動態(tài)生成HTML表單 2005-11-06 18:02 | alam
    不錯很實用  回復  更多評論
      
    # re: 動態(tài)生成HTML表單 2006-04-10 10:18 | gdizqzq
    非常感謝
    delRow(this.parentElement.parentElement)
    function delRow(src){
    src.parentElement.deleteRow(src.rowIndex);
    }

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

      回復  更多評論
      
    # re: 動態(tài)生成HTML表單 2010-03-16 13:17 | busifox
    挺不錯的  回復  更多評論
      
    # re: 動態(tài)生成HTML表單 2014-05-04 16:47 | 55
    87444  回復  更多評論
      
    主站蜘蛛池模板: 亚洲高清免费视频| 亚洲性色AV日韩在线观看| 一级人做人a爰免费视频| 国产一级理论免费版| 亚洲av色香蕉一区二区三区蜜桃| 99在线精品免费视频九九视| 亚洲av成人综合网| 毛片a级毛片免费观看免下载| 亚洲熟妇av午夜无码不卡| 女人让男人免费桶爽30分钟| 亚洲乱码国产乱码精华| 国产成人免费高清在线观看| 黄色网址大全免费| 亚洲综合伊人久久综合| a级毛片无码免费真人久久| 亚洲AV天天做在线观看| www视频免费看| 亚洲小说图区综合在线| 免费人妻av无码专区| 中文字幕av免费专区| 日木av无码专区亚洲av毛片| 亚洲中文无码永久免费| 立即播放免费毛片一级| 亚洲精品乱码久久久久66| 99久热只有精品视频免费观看17 | 亚洲天堂中文字幕在线| 国产成人免费AV在线播放| 亚洲在成人网在线看| 国产不卡免费视频| 久艹视频在线免费观看| 亚洲精品无码中文久久字幕| 亚洲精品国产精品乱码不卞| 无码人妻一区二区三区免费n鬼沢| 亚洲成a人片在线网站| 国产免费av片在线无码免费看| 国产V片在线播放免费无码 | 99精品国产免费久久久久久下载 | 免费大片黄在线观看| 亚洲国产精品久久久久婷婷软件 | 久久aⅴ免费观看| 亚洲熟妇无码AV不卡在线播放 |