社区
JavaScript
帖子详情
清除下拉框所有下拉选项(要求兼容IE和FF)
debug148
2008-05-15 04:19:10
for(var i=0;i<=document.form1.DropDownCity.options.length;i++)
{
document.form1.DropDownCity.remove(i);
}
我这个在IE下可以清除下拉框所有值,可是在FF下却清除不掉。它不报错也不清除。我在网上找了很多例子,都说这样可以在FF下清除掉的。可我这里怎么改都不行。还请大家想出一个解决的办法,谢谢!
...全文
213
7
打赏
收藏
清除下拉框所有下拉选项(要求兼容IE和FF)
for(var i=0;i<=document.form1.DropDownCity.options.length;i++) { document.form1.DropDownCity.remove(i); } 我这个在IE下可以清除下拉框所有值,可是在FF下却清除不掉。它不报错也不清除。我在网上找了很多例子,都说这样可以在FF下清除掉的。可我这里怎么改都不行。还请大家想出一个解决的办法,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
diysimon
2008-05-16
打赏
举报
回复
推荐用length = 0的方法
效率最快
maximus_zhang
2008-05-16
打赏
举报
回复
试试这样
for(var i=document.form1.DropDownCity.length-1;i>=0;i--)
{
document.form1.DropDownCity.options[i]=null;
}
浴火_凤凰
2008-05-16
打赏
举报
回复
使用DOM是最标准的方法.
zhenjie
2008-05-15
打赏
举报
回复
一楼: 要从后向前去删除.
三楼: 使用DOM是最标准的方法.
二楼:不建议使用.
xingqiliudehuanghun
2008-05-15
打赏
举报
回复
可以用dom的方法
var oSel=document.form1.DropDownCity;
while(oSel.options.length>0){
oSel.removeChild(oSel.options[0]);
}
smartsoloman
2008-05-15
打赏
举报
回复
直接document.form1.DropDownCity.options.length=0,就OK了,多方便
lawrendc
2008-05-15
打赏
举报
回复
for(var i=document.form1.DropDownCity.options.length-1;i>=0;i--)
{
document.form1.DropDownCity.remove(i);
}
试试这样
支持手动输入的
下拉
框
组件设计与实现
在现代Web应用开发中,用户交互体验的优化已成为前端设计的核心目标之一。支持手动输入的
下拉
框
(Combobox)融合了文本输入框与选择列表的功能,允许用户从预设
选项
中选择或直接输入自定义值,显著提升数据录入效率与灵活性。该组件广泛应用于搜索建议、地址填写、标签管理等场景,在电商商品搜索、CRM客户筛选和配置平台参数设置中发挥关键作用,兼顾用户体验与数据准确性,为后续技术实现提供明确需求导向。理想的可输入
下拉
框
应遵循以下四大设计原则:默认情况下,Select2 仅允许从预设
选项
中选择值。
兼容
全浏览器的个性化select
下拉
框
设计与实现
在实际开发中,
元素的尺寸控制是实现布局一致性的第一步。默认情况下,
会根据内容自动调整宽度,这在固定容器或栅格系统中极易导致错位。为此,应显式设置width属性以锁定控件尺寸:/* 与height匹配,确保文本垂直居中 */属性说明推荐值width控制
下拉
框
整体宽度固定像素(如200px)或百分比(如100%height设定控件高度,影响点击热区大小至少36px以符合无障碍点击区域标准。
前端实战:
下拉
框
搜索功能实现详解
下拉
框
搜索是一种融合输入框与选择列表的复合型交互控件,允许用户通过关键词快速筛选目标
选项
,显著提升数据定位效率。相较于传统静态
下拉
菜单,其核心优势在于动态过滤能力,广泛应用于电商商品分类、后台管理系统多条件查询及地图应用地点自动补全等场景。该功能在提升用户体验的同时,也对前端性能、可访问性及响应速度提出更高
要求
,成为现代Web应用中不可或缺的UI组件之一。在现代前端开发中,常通过自定义 Hook 抽象防抖逻辑,提升复用性。以 React 为例:}, delay);
前端
下拉
框
能支持手动输入_可输入的select
下拉
框
当select
下拉
框
中没有要选择的信息项时,可以直接在select中输入自己想要得信息项。在输入信息项时,不改变select
下拉
框
中原有的信息项。通过Backspace键可以
清除
刚才输入的信息项,以便重新输入。如果不
清除
,再输入信息时,会在原来输入的基础之上继续添加信息。如:原来手动输入信息是111,如果不
清除
再输入222时,信息项就变成111222可输入的select
下拉
框
112233funct...
vue uniapp 微信小程序 搜索
下拉
框
模糊搜索
vue uniapp 微信小程序 搜索
下拉
框
模糊搜索
JavaScript
87,994
社区成员
224,697
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章