社区
JavaScript
帖子详情
如何动态改变表单对象
easyfly
2003-11-22 04:26:52
请问那位大虾能控制表单对象???
就是原来是TEXT有没有办法变成textarea
...全文
26
10
打赏
收藏
如何动态改变表单对象
请问那位大虾能控制表单对象??? 就是原来是TEXT有没有办法变成textarea
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
web自动化-Frame
表单
&鼠标操作
本课程主要讲解web自动化中frame
表单
与鼠标的操作,主要内容如下: 1. frame
表单
介绍 2. frame
表单
切换 3.
表单
切换案例 4. 鼠标操作 5. 鼠标操作案例
uniapp
动态
表单
校验 深层
对象
表单
校验
表单
不会自动校验 校验第二次失效
代码中我用的是for in 去循环数组的 因为我之前写的
动态
表单
是个
对象
前面的索引是从1开始 页面用v-for循环也是从索引 1 开始循环的 介意的话可以全使用foreach 其他 但是用for in 去循环数组也没啥问题 我只是懒得改了;主要的bug就是uniapp这些
表单
不会自动校验 或者说是不会校验第二次就很恶心,所以我在输入框绑定的两个input和blur事件来处理 算是歪门邪道 但也是解决bug的关键方法;
JavaScript
表单
对象
| 看完不会请来捶我
文章目录一、访问
表单
与
表单
元素1、JavaScript访问
表单
2、JavaScript访问
表单
元素二、
表单
对象
的属性、方法与事件1、属性2、方法3、事件三、
表单
元素1、文本框(1)文本框属性(2)文本框方法(3)例子1:验证
表单
内容是否为空(4)例子2:对文本框的文字加入字数限制2、按钮(1)按钮属性(2)按钮方法出去一下,虽然没人看,但我还要加一句:未完待续!!!!!(3)例子:获取
表单
元素的值...
react+antd
动态
表单
以及数组
对象
示例
在实际开发中,我们会遇到
表单
中有些数据项是多个,并不是普通的一个值,或者一组值,而是一个数组,比如联系人这一项,我们通常会有多个联系人,这时候,
表单
的设计会有些不一样。 先给出一个示例: 在react+antd中,我们需要注意的是,
表单
的数据表示需要根据数据项的数组长度来制作。我们不能像jQuery那样,在已经生成的dom文档中,通过append的方式或者remove的方式来增减dom中的结点。这里,我们需要借助数据模型,也就是状态的
改变
来
改变
dom结点,实现
动态
增加...
表单
校验
对象
总结
1.form
对象
: Form
对象
代表一个 HTML
表单
。 Form
对象
集合: 集合 描述 elements[] 包含
表单
中所有元素的数组。 Form
对象
常用属性: 属性 描述 action 设置或返回
表单
的 action 属性。 enctype 设置或返回
表单
用来编码内容的 MIME 类型。
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章