如何动态改变表单对象

easyfly 2003-11-22 04:26:52

请问那位大虾能控制表单对象？？？
就是原来是TEXT有没有办法变成textarea

...全文

31 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

supere 2003-11-23

打赏
举报

<INPUT TYPE="submit" onclick='change()' value=change>
<INPUT TYPE="text" NAME="txt1" value='123'>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

easyfly 2003-11-23

打赏
举报

当然控制的话，就是要变又要变回来。hillhero789(丘)的方法怎么变回来？
不知道有没有其他的办法？？？

easyfly 2003-11-23

打赏
举报

谢谢大家，问题结了。请问一下怎么样才能最快熟悉JS那些对象与方法？

hillhero789 2003-11-23

打赏
举报

较为简单的方法是在change函数上加个参数
change(type)//type可以是"input"（当然了，type="text"）或者是"textarea"
其他的就自己改改吧

hillhero789 2003-11-23

打赏
举报

变回来还不是一样的吗？

riffleliu 2003-11-22

打赏
举报

嗯，樓上幾個都有道理， mandolin(伤心曼陀铃) 的辦法比羅簡單

阿米果 2003-11-22

打赏
举报

<form name="form1" method="post" action="">
<textarea name="textarea"></textarea>
<script language="JavaScript" type="text/JavaScript">

document.all.textarea.outerHTML='<input type="text" name="textfield">';
</script>
<input type="text" name="textfield">
</form>

比较暴力的方法

紫郢剑侠 2003-11-22

打赏
举报

强!学习...

hillhero789 2003-11-22

打赏
举报

可以的
只要先删除node(removeChild)
再插入一个node就行了(insertBefor)
具体方法：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
function change()
{
var formObj=document.form1;
var txtObj=document.all.txtID;
var newNode=document.createElement("textarea");
formObj.insertBefore(newNode,txtObj);
newNode.name=txtObj.name
formObj.removeChild(txtObj);
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="按钮">
<input type="text" name="textfield" id="txtID">
<input type="button" name="Submit2" value="按钮" onClick="change();this.disabled=true;">
</form>
</body>
</html>

hrong 2003-11-22