社区
JavaScript
帖子详情
菜鸟:select 组件自动增加项数
javastart
2003-06-27 04:09:45
怎样通过命令向select中增加一项
...全文
86
3
打赏
收藏
菜鸟:select 组件自动增加项数
怎样通过命令向select中增加一项
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
javastart
2003-06-27
打赏
举报
回复
谢谢楼上两位高手
希默软件
2003-06-27
打赏
举报
回复
<script>
// 添加选项
function addOption(pos){
var objSelect = document.myForm.mySelect;
// 取得字段值
var strName = document.myForm.myOptionName.value;
var strValue = document.myForm.myOptionValue.value;
// 建立Option对象
var objOption = new Option(strName,strValue);
if (pos == -1 & pos > objSelect.options.length)
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
// 删除选项
function deleteOption(type){
var objSelect = document.myForm.mySelect;
if(objSelect.options.length>0){
if (type == true)
objSelect.options[objSelect.selectedIndex] = null;
else
objSelect.remove(objSelect.selectedIndex);
}
else
alert("已经没有选项可以删除了!")
}
// 显示选项信息
function showOption(objForm){
var objSelect = objForm.mySelect;
if(objSelect.options.length>0){
document.all.myOptionName.value = objSelect.options[objSelect.selectedIndex].text;
document.all.myOptionValue.value = objSelect.options[objSelect.selectedIndex].value;
}
else
alert("没有选项可以显示!")
}
</script>
<form name="myForm">
<select name="mySelect">
<option value="value1" Selected>HTML</option>
<option value="value2">JavaScript</option>
<option value="value3">VBScript</option>
</select>
<input type="button" onclick="showOption(this.form)" value="显示">
<input type="button" onclick="deleteOption(true)" value="删除">
<input type="button" onclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="CSS"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" onclick="addOption(-1)" value="添加">
<input type="button" onclick="addOption(0)" value="插入">
</form>
fason
2003-06-27
打赏
举报
回复
<select name="test">
</select>
<input onblur="test.options[test.options.length]=new Option(value,value)">
select
增加
搜索框
标题“
select
增加
搜索框”和描述中提到的“在
select
框中添加新的样式searchClass”,正是针对这个需求的一种解决方案。 要实现带有搜索功能的`
select
`框,一种常见的方法是使用第三方库,例如`Chosen`插件。`Chosen...
菜鸟
谈VBA入门
它被广泛应用于Excel、Word等Office
组件
中,用于扩展这些应用程序的功能。通过VBA,用户能够编写脚本来
自动
化复杂的任务、创建自定义功能以及实现更高级的数据处理。 尽管Excel内置了大量的函数,足以满足大多数...
PostgreSQL从
菜鸟
到专家
### PostgreSQL从
菜鸟
到专家 #### 引言与概述 本书《PostgreSQL从
菜鸟
到专家》是一本详尽的教程,旨在帮助读者从基础入手逐步掌握PostgreSQL这一强大的开源关系型数据库管理系统。本书由洞庭湖的泥鳅翻译,并提供...
Excel
菜鸟
级VBA入门指南!
- **职业发展**:掌握VBA技能可以
增加
职场竞争力。 #### 2. VBA与宏 - **宏的定义**:宏是一系列预定义的操作序列,可以通过录制的方式快速生成,用于重复执行相同的任务。 - **宏与VBA的区别**: - **宏**通常...
菜鸟
谈VBA最最基础入门
用户窗体是VBA中的图形用户界面
组件
,可以用来设计对话框,使用户能够与程序进行交互。通过VBE的设计模式可以创建并编辑用户窗体。 #### 九、Excel的对象模型 Excel的对象模型是一组对象、属性和方法的集合,它们...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章