87,907
社区成员
发帖
与我相关
我的任务
分享请教如何用javascript动态的在网页上创建输入域...
该域可能是文本输入框也可能是Checkbox等...最好是能动态的创建和删除...如果删除做不到的话,至少能创建也好啊.
...全文
请发表友善的回复…
发表回复
dead_lee 2003-09-05
- 打赏
- 举报
嗯....
dead_lee 2003-09-05
- 打赏
- 举报
OK,谢谢两位,分数平分了吧...
dead_lee 2003-09-05
- 打赏
- 举报
谢谢两位,我试试先...
hrong 2003-09-05
- 打赏
- 举报
<form name=form1>
<input type=button value=添加 onclick="mm()"><br>
<input type=button value=删除 onclick="dd()"><br>
</form>
<SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
var a = document.createElement("input");
a.type = "text"; //可以写成 checkbox radio button 等
a.name = "txt";
a.className = "css"; //指定样式
a.value = "黄蓉";
document.form1.insertAdjacentElement("beforeEnd", a);
}
function dd() //删除表单里最后一个表单元素
{
var a = document.form1.elements;
a[a.length-1].removeNode(true);
}
//--></SCRIPT>
<input type=button value=添加 onclick="mm()"><br>
<input type=button value=删除 onclick="dd()"><br>
</form>
<SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
var a = document.createElement("input");
a.type = "text"; //可以写成 checkbox radio button 等
a.name = "txt";
a.className = "css"; //指定样式
a.value = "黄蓉";
document.form1.insertAdjacentElement("beforeEnd", a);
}
function dd() //删除表单里最后一个表单元素
{
var a = document.form1.elements;
a[a.length-1].removeNode(true);
}
//--></SCRIPT>
ajsword 2003-09-05
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<INPUT TYPE='BUTTON' NAME='BTNTEST1' ONCLICK="CLKTEST('1')" VALUE='TEXT'>
<INPUT TYPE='BUTTON' NAME='BTNTEST2' ONCLICK="CLKTEST('2')" VALUE='BUTTON'>
<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0'>
<TR>
<TD ID='txtHtml'></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE='JAVASCRIPT'>
function CLKTEST(stMark) {
var stHtml = "";
if (stMark=='1') {
stHtml = stHtml + "<INPUT TYPE='TEXT' NAME='TXTDETAIL'>";
} else {
stHtml = stHtml + "<INPUT TYPE='BUTTON' NAME='BTNDETAIL' VALUE='BUTTON'>";
}
txtHtml.innerHTML = stHtml;
}
</SCRIPT>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<INPUT TYPE='BUTTON' NAME='BTNTEST1' ONCLICK="CLKTEST('1')" VALUE='TEXT'>
<INPUT TYPE='BUTTON' NAME='BTNTEST2' ONCLICK="CLKTEST('2')" VALUE='BUTTON'>
<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0'>
<TR>
<TD ID='txtHtml'></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE='JAVASCRIPT'>
function CLKTEST(stMark) {
var stHtml = "";
if (stMark=='1') {
stHtml = stHtml + "<INPUT TYPE='TEXT' NAME='TXTDETAIL'>";
} else {
stHtml = stHtml + "<INPUT TYPE='BUTTON' NAME='BTNDETAIL' VALUE='BUTTON'>";
}
txtHtml.innerHTML = stHtml;
}
</SCRIPT>
Brookes 2003-09-05
- 打赏
- 举报
<div id=disp></div>
<script>
function addInput(){
var input="I1:<input type=text name=i1>"
disp.innerHTML=disp.innerHTML+input
}
</sript>
<script>
function addInput(){
var input="I1:<input type=text name=i1>"
disp.innerHTML=disp.innerHTML+input
}
</sript>
