今天有個(gè)朋友要幫她完成一個(gè)小小的效果,發(fā)了點(diǎn)時(shí)間做了下,也不知道能不能達(dá)到要求,先帖了上來(lái),下面是要求:
<!-- 進(jìn)入頁(yè)面的時(shí)候，只有一個(gè)框，是整個(gè)大的題目，然后底下是一個(gè)下拉菜單，是選擇這個(gè)題目有幾個(gè)小題，選擇完后就出現(xiàn)幾個(gè)框是小題的內(nèi)容框，然后在每個(gè)小題的下面還有一個(gè)下拉是選擇有幾個(gè)選項(xiàng)的-->
代碼:
<textarea cols="60" rows="12"></textarea>
<br/>
選擇答題數(shù)目:
<select name="select1" id="select1" onchange="change1(this);">
<option value=0>請(qǐng)選擇</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("請(qǐng)至少選擇一項(xiàng)");return;
}
var tbl=document.getElementById("tbl");//得到table
var tbo=document.getElementById("Obj1");//得到table下的tbody
tbl.removeChild(tbo);//刪除table下的tbody元素
var tbody=document.createElement("tbody");//重新創(chuàng)建一個(gè) tbody
tbody.setAttribute("id","Obj1");
tbl.appendChild(tbody);//把tbody給table
for(var i=0;i<obj.value;i++)...{//根據(jù)所選數(shù)，得到文本數(shù)目
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++)...{//循環(huán)得到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("請(qǐng)輸入內(nèi)容: ");
var textnode1=document.createTextNode("選項(xiàng)數(shù)目: ");
var textnode2=document.createTextNode("選項(xiàng)類型: ");
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>
剛才在論壇上看到一個(gè)問(wèn)題，順便答了，和這個(gè)有點(diǎn)關(guān)系，也帖出來(lái)了。
如何通過(guò)點(diǎn)擊"改變"按鈕，給“顯示”按鈕添加onclick事件？使得點(diǎn)擊“顯示”按鈕也能彈出對(duì)話框？
<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 編輯過(guò)
400 186 1886
