社区
JavaScript
帖子详情
如何动态改变表单对象
easyfly
2003-11-22 04:26:52
请问那位大虾能控制表单对象???
就是原来是TEXT有没有办法变成textarea
...全文
29
10
打赏
收藏
如何动态改变表单对象
请问那位大虾能控制表单对象??? 就是原来是TEXT有没有办法变成textarea
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
supere
2003-11-23
打赏
举报
回复
<INPUT TYPE="submit" onclick='change()' value=change>
<INPUT TYPE="text" NAME="txt1" value='123'>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change()
{
var v=document.all.txt1.value;
if (document.all.txt1.tagName == "INPUT")
document.all.txt1.outerHTML = "<TEXTAREA NAME='txt1' ROWS='5' COLS=5>"+v+"</TEXTAREA>";
else
document.all.txt1.outerHTML = "<INPUT TYPE='text' NAME='txt1' value='123'>"
}
//-->
</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
打赏
举报
回复
呵呵, 没法变, 不过你可以先删掉老的removeNode() 然后再插入新的 createElement
1500个前端开发常用JavaScript特效
1500个前端开发常用JavaScript特效,实例超多,特效实用,欢迎下载学习
107个常用Javascript语句
107个常用Javascript语句
vue3
对象
数组格式的
动态
表单
校验
如你有一个
表单
,
表单
内容是
对象
,但是
对象
内还有可
动态
循环的数组进行
动态
表单
校验。
表单
对象
单独写一个rules,里面的数组
表单
可直接索引
动态
绑定prop来设置。
uniapp
动态
表单
校验 深层
对象
表单
校验
表单
不会自动校验 校验第二次失效
代码中我用的是for in 去循环数组的 因为我之前写的
动态
表单
是个
对象
前面的索引是从1开始 页面用v-for循环也是从索引 1 开始循环的 介意的话可以全使用foreach 其他 但是用for in 去循环数组也没啥问题 我只是懒得改了;主要的bug就是uniapp这些
表单
不会自动校验 或者说是不会校验第二次就很恶心,所以我在输入框绑定的两个input和blur事件来处理 算是歪门邪道 但也是解决bug的关键方法;
form
表单
校验
对象
中的
对象
的属性 / 根据
表单
中某一个数据
动态
添加其他项是否必填
Element的form
表单
校验
对象
中的
对象
的属性 / 根据
表单
中某一个数据
动态
添加其他项是否必填
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章