日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

動態(tài)生成HTML表單

 nbtymm 2007-01-15
         前段時間在做設(shè)票系統(tǒng)，瞎搞一會，用JavaScript搞了一些有趣的東西，因為投票的條數(shù)不定，一個題目有不定條選項，要實現(xiàn)一次把投票題目與不定數(shù)目選項的投票項目一次性添加進數(shù)據(jù)庫，因些就想了用JavaScript寫了一個動態(tài)生成的HTML的“文體框”。然后用數(shù)組把所有值寫入數(shù)據(jù)庫?，F(xiàn)在就把它做成一個簡單的演示例子放在這里吧：

<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"> 請輸入您要添加的行數(shù)：
       <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>

    本站是提供個人知識管理的網(wǎng)絡存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息，謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花（0）

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多