关于form.item不兼容的问题

最新推荐文章于 2022-09-20 21:03:59 发布
最新推荐文章于 2022-09-20 21:03:59 发布
阅读量269 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/tanglc/p/3671737.html
本文介绍了解决在不同浏览器中使用form.item()方法出现的兼容性问题。通过判断浏览器类型，针对IE和其他浏览器提供了不同的实现方式，确保了在多种浏览器环境下表单操作的一致性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

　　form.item()能在IE下运行，在firefox中会报脚本错误，没有这个函数。

　　可以使用 Form.elements 方法得到 HTMLCollection 后再使用 item 方法获取表单内元素。

　　实例如下:

  　　 if(document.all){       //如果是IE等浏览器
  　　  　　form.item(pw.paramId).value = val;
   　　}else{            //如果是其他浏览器
   　　　　 form.elements.item(pw.paramId).value = val;
   　　}

 　　参考资料：

　　http://tsailer.iteye.com/blog/1037522

　　http://www.w3help.org/zh-cn/causes/BT9009

转载于:https://www.cnblogs.com/tanglc/p/3671737.html

antd form表单中嵌套自定义组件
wuliCaibao的博客
03-03 3953
前言 当某些自定义的组合类组件，也希望能进行表单元素的校验，以及利用antd的form表单实例进行数据的修改或者数据获取，这招便可以派上用场啦~ 表单部分 <Form.Item label="周期" labelAlign="right"> {getFieldDecorator('cycle', { rules: [{ required: true, validator: checkCycle }], initialValue: cycle, })(
javascript的IE和Firefox兼容性汇编
12-28
javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法： 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合类对象取用时使用 ()，IE 能接受，MF 不能。 (2)解决方法： 改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"]。 又如：document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1]
layui-form-item无法显示
夏日蹲坑的博客
01-31 534
解决方法：找到无法正常显示部分外层的<div> <form>中加上这句即可：class="layui-form"
用document.form选择表单元素
weixin_42599236的博客
02-24 9090
1、document.forms: 选取页面所有的表单 2、document.forms['myform']; 获取name值为myform的表单 3、 document.forms[0]; 选择第一个表单； 4、document.formName.elementName.value ; 获取表单input元素的值 &lt;form name='mine',id = 'one'...
document.form.item 问题集合的(0)和[0]取法
tsailer的专栏
05-09 534
new document
document.forms用法
魔拉宝
01-29 1073
1、FF中不能接受document.forms("formname")的使用，ie中可以        最好改成document.forms["formname"]的下标用法2、FF中不能接受document.all的用法，document.all是在ie中定义的用法        最好改成document.getElementById3、FF中不能直接使用div的id获取div的
vb中集合调用item方法，报“无效的过程调用或参数”错误的原因
lijin912的专栏
05-24 4406
        在执行集合（collection）的add方法时，如果忽略最后一个参数（optional sKey as String），也就是说不传入，那么在调用该集合的item方法时，就不能使用key，而只能使用index，否则就会报错：“无效的过程调用或参数”！        其实也可以通过修改集合的add方法，使它始终使用两个参数的add方法就可以了，类似这样：mCol.add obj
FORM 不换行的方法
09-25
这个问题主要是因为FORM标签默认具有一些内外边距（margin）以及块级元素（block-level element）的特性，使得它在视觉上与前后文本不在同一行。 FORM标签通常用于搜集用户输入数据，比如用户信息、搜索查询等，并...
修复JS跨火狐与IE浏览器兼容性问题：document.form.item和event处理技巧
1. **document.form.item** 的问题： - 在现有的代码中，开发者普遍使用 `document.formName.item("itemName")` 的方式来引用表单元素。然而，这种写法在Firefox (MF) 中是不可用的，因为MF浏览器不支持这种形式的...
<Col span={12}> <Form.Item label="性别" name="sex"> {getFieldDecorator('sex', { initialValue: formData.sex, })( <Select placeholder={`请选择性别`} allowClear > {sexObj.options.map(item => ( <Option value={item.value} key={item.label} > {item.label} </Option> ))} </Select> )} </Form.Item> </Col> select在sex为空时placeholder={请选择性别}失效，框中内容为空白并且该空白可以使用allowClear删除后，placeholder={请选择性别}又显示出来了
07-03
我们正在解决Ant Design的Form.Item中Select组件在初始值为空时placeholder不显示的问题。根据Ant Design的文档和常见实践，Select组件的placeholder在值为空（undefined、null或空字符串）时应该显示。但是当Select...
<template> <!-- 顶部搜索区域 --> <div class="filter-container"> <el-form :inline="true" :model="searchForm"> <!-- 问卷标题搜索 --> <el-form-item label="问卷标题"> <el-input v-model="searchForm.dcWjTitle" placeholder="输入问卷标题" clearable /> </el-form-item> <!-- 被测评人ID搜索 --> <el-form-item label="被测评人ID"> <el-input v-model="searchForm.dcid" placeholder="输入被测评人ID" clearable /> </el-form-item> <!-- 部门选择 --> <el-form-item label="人员部门"> <el-select v-model="searchForm.dcDept" placeholder="选择部门" clearable > <el-option v-for="dept in departments" :key="dept.value" :label="dept.label" :value="dept.value" /> </el-select> </el-form-item> <!-- 状态选择 --> <el-form-item label="提交状态"> <el-select v-model="searchForm.state" placeholder="选择状态" clearable > <el-option label="已提交" value="1" /> <el-option label="未提交" value="0" /> </el-select> </el-form-item> <el-form-item> <el-button type="primary" @click="handleSearch" icon="el-icon-search" >搜索</el-button> </el-form-item> </el-form> </div> <!-- 数据表格 --> <el-table :data="filteredData"> <!-- 表格列定义 --> </el-table> </template> <script> export default { data() { return { searchForm: { dcWjTitle: '', dcid: '', dcDept: '', state: '' }, rawData: [], // 原始数据 departments: [ // 部门选项 { label: '技术部', value: 'tech' }, { label: '市场部', value: 'market' } ] } }, computed: { // 过滤后的数据 filteredData() { return this.rawData.filter(item => (!this.searchForm.dcWjTitle || item.title.includes(this.searchForm.dcWjTitle)) && (!this.searchForm.dcid || item.dcid === this.searchForm.dcid) && (!this.searchForm.dcDept || item.dept === this.searchForm.dcDept) && (!this.searchForm.state || item.state === this.searchForm.state) ) } }, methods: { // 触发搜索 handleSearch() { this.fetchFilteredData() }, // 从后端获取数据 async fetchFilteredData() { try { const params = { title: this.searchForm.dcWjTitle, dcid: this.searchForm.dcid, dept: this.searchForm.dcDept, state: this.searchForm.state } // 调用后端API（示例） const { data } = await axios.get('/api/questionnaires', { params }) this.rawData = data } catch (error) { console.error('获取数据失败', error) } } } } </script> 帮我优化一下布局，适用于移动端
最新发布
07-15
注意：按钮的el-form-item没有label，所以不需要调整。 修改后的代码： ```vue <!-- 顶部搜索区域 --> <el-form :model="searchForm"> <!-- 问卷标题搜索 --> <el-form-item label="问卷标题"> v-...
解决document.formname.submit()对象不支持此属性或方法的办法
Hilda的专栏
06-23 1099
今天在工作中，遇到了一个小问题，提示document.formname.submit()对象不支持此属性或方法的文件 原因：在formname中有个name=submit的设置，脚本运行时吧submit()当成了属性，所以报错了 方法：将name=submit 重新命名比如:             修改为：    
Form表单中你必须要知道的知识
weixin_44362089的博客
09-20 1422
form表单你必须要知道的，且最长用的知识
多浏览器兼容性问题及解决方案之Javascript篇
张峰的专栏
09-18 1120
 时间: 2009-9-02 - 分类: Html+CSS, JavaScript - 评论: 0 - 阅读: 70 次 CSS跟JavaScript开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css和javascript在各种浏览器下的兼容性报告，也期待各位不断补充。由于发觉内容收集越
用document.forms[formname].elements[elementname].value获取FORM元素的value--测试通过
东垂小夫
06-03 4174
用新方法document取得FORM中的元素的value function sub() { var name = document.forms['theForm'].elements['name'].value; var sex = document.forms['theForm'].elements['sex'].value; alert(name); alert(sex); ret
document.forms的用法(详解)
热门推荐
念念不忘，必有回响
03-22 3万+
代码 作用 document.forms 表示获取当前页面的所有表单 document.forms[0] 表示获取当前页面的第一个表单 document.forms[‘exportServlet’] 表示获取当前页面的name="exportServlet"的表单 document.forms[‘exportServlet’].username.value 获取表单为e...
antd Form组件行并列显示 Form表单属性为inline时,表单组件宽度问题
chenlincc的博客
04-01 1万+
formLayout 不起作用 Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应: // 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal', const formLayout = { labelCol: { span: 4 }, wrapperCol: { spa...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值