公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

js基礎:js 動態創建HTML元素

admin
2010年8月18日 11:48 本文熱度 4207

今天有個朋友要幫她完成一個小小的效果,發了點時間做了下,也不知道能不能達到要求,先帖了上來,下面是要求:


<!-- 進入頁面的時候,只有一個框,是整個大的題目,然后底下是一個下拉菜單,是選擇這個題目有幾個小題,選擇完后就出現幾個框是小題的內容框,然后在每個小題的下面還有一個下拉是選擇有幾個選項的-->


代碼:


<textarea cols="60" rows="12"></textarea>
<br/>
選擇答題數目:
<select  name="select1" id="select1" onchange="change1(this);">
<option value=0>請選擇</option>
<script>
for(var i=1;i<=10;i++)...{
document.write("<option value="+i+">"+i+"</option>");
}
</script>
</select>
<table id="tbl">
<tbody id="Obj1" name="Obj1">


</tbody>
</table>
<script>
function change1(obj)...{
 if(obj.value==0)...{
    alert("請至少選擇一項");return;
 }
 var tbl=document.getElementById("tbl");//得到table
 var tbo=document.getElementById("Obj1");//得到table下的tbody
 tbl.removeChild(tbo);//刪除table下的tbody元素
 var tbody=document.createElement("tbody");//重新創建一個 tbody


 tbody.setAttribute("id","Obj1");
 tbl.appendChild(tbody);//把tbody給table
 for(var i=0;i<obj.value;i++)...{//根據所選數,得到文本數目
    var row=document.createElement("tr");
    row.setAttribute("id","tr["+i+"]");
    var cell=document.createElement("td");
    var cell1=document.createElement("td");
    var cell2=document.createElement("td");
    var cell3=document.createElement("td");
    var sele=document.createElement("select");
    var radio1=document.createElement("input");
    var radio2=document.createElement("input");
    radio1.setAttribute("type","radio");
    radio2.setAttribute("type","radio");
    radio1.setAttribute("name","isMul");
    radio1.setAttribute("value","single");
    radio2.setAttribute("name","isMul");
    radio2.setAttribute("value","poly");
    sele.setAttribute("name","selectobj"); 
    for(var j=0;j<=10;j++)...{//循環得到OPTION
        var opt=document.createElement("option");
        var opttxt=document.createTextNode(j);
        opt.setAttribute("value",j);
        opt.text=j;//給OPTION賦值
        sele.appendChild(opt);


   }
    var textnode=document.createTextNode("請輸入內容: ");
    var textnode1=document.createTextNode("選項數目: ");
    var textnode2=document.createTextNode("選項類型: ");
    var textnode3=document.createTextNode("單選: ");
    var textnode4=document.createTextNode("多選: ");
    cell2.appendChild(textnode1);
    cell2.appendChild(sele);
    cell1.appendChild(textnode);
    cell3.appendChild(textnode2);
    cell3.appendChild(radio1);
    cell3.appendChild(textnode3);
    cell3.appendChild(radio2);
    cell3.appendChild(textnode4);
    var txt=document.createElement("input");
    txt.setAttribute("type","text");
    txt.setAttribute("id","txt["+i+"]");
    txt.setAttribute("name","txt["+i+"]");
    cell.appendChild(txt);
    row.appendChild(cell1);row.appendChild(cell);row.appendChild(cell2);
    row.appendChild(cell3);
    tbody.appendChild(row);
 }
}
</script>


剛才在論壇上看到一個問題,順便答了,和這個有點關系,也帖出來了。
如何通過點擊"改變"按鈕,給“顯示”按鈕添加onclick事件?使得點擊“顯示”按鈕也能彈出對話框?
<table>
<tr>
<td> <input   type="button"   name="btn1"   value="改變"   onclick="fff()"   id="bbb"> </td>
</tr>
<tr>
<td> <input   type="button"   name="btn2"   value="顯示"     id="btn2"> </td>
</tr>
<tr>
<td> <input   type="button"   name="bsrcxbtn"   value="查詢"   onclick="Foo(''11'')"> </td>
</tr>
</table>
<script>
function   fff(){
 var   obj=document.getElementById("btn2");
 obj.setAttribute("onclick","show()");
}
function show(){
alert(''ss'');
}
</script>


該文章在 2010/8/18 11:48:48 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 国产精品国产三级囯产av中文 | 99国产精品一区 | 国产精品无码一级毛片 | 成人午夜福利免费 | 高潮国产白浆抽搐福利日本 | 国产91在线播放 | 国产综合在线小说 | 99久久国产精品免费热麻豆 | 2025最新国产精品网站 | 国产三级农村妇女野外 | 91在线一区二区 | 99亚洲精品一区二区三区 | 国内精品美女av在线播放 | 国产精品熟女视频一区二区 | 国偷自产一区二区三区蜜臀 | h无码精品动漫在线观看导航 | 成人在线观看一级毛片 | 国产一区二区三四区爱情岛 | 精品熟人妻一区二区三区四区 | 国产色视频一区二区三区 | 精品国产一区二区三区不 | 国产精品中文字幕在 | 国产精品果冻传媒呆梦梦 | 99精品欧美美女福到在线不卡 | 国产精品一级二级三级久久久 | 国产丝袜调情 | 精品国产乱码aaa一区二区 | 精品久久福利一区二区 | 国产成年人免费黄色视频 | 国产毛片片精品天天看 | 91精品国产成人综合 | 国产成人精品亚洲一区二区三区 | 国产欧美日韩欧美特级 | 国产高清久久久久毛片 | 2025国产精品视频网站 | 国产精品偷伦视频观看免费 | 国产电影一区二区三区 | 国产成人片无码免费视频软件 | 国产av一区二区三区导航 | 国产精品无码无卡a级毛片 国产精品无码无卡毛片不卡 | 国产午夜av无码无片久久午夜 |