社区
JavaScript
帖子详情
菜鸟:select 组件自动增加项数
javastart
2003-06-27 04:09:45
怎样通过命令向select中增加一项
...全文
55
3
打赏
收藏
微信扫一扫
点击复制链接
分享
举报
写回复
3 条
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
javastart
2003-06-27
谢谢楼上两位高手
打赏
举报
回复
赞
bencalie
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)">
打赏
举报
回复
赞
相关推荐
elementui框架
select
组件
的踩坑之旅
本
菜鸟
上班不到一周,接了个需求,把产品原来的input框改成下拉框,并且数据由后台获取,想着挺简单一件事,根据官方demo的写法,把
select
框的值双向绑定到字符串里面
select
框单选 <template> <el-
select
...
Alex 的 Hadoop
菜鸟
教程: 第16课 Pig 安装使用教程
本教程介绍Pig的安装和使用。hdfs虽说是一个文件空间,但是我们每次要查看hdfs上的文件的时候都...并且Pig还创造了 Pig Latin语言,可以通过Pig写一个类似存储过程的MapReduce的Job,pig会
自动
帮你把这个job翻译成MapR
Alex 的 Hadoop
菜鸟
教程: 第21课 不只是在HBase中用SQL:Phoenix
SELECT
state as "State",count(city) as "City Count",sum(population) as "Population Sum" FROM us_population GROUP BY state ORDER BY sum(population) DESC; 然后一起执行 phoenix-4.2.2-bin/bin/psql.py ...
python属于计算机前端技术学院_Python
菜鸟
之路:前端HTML基础
那么这三个
组件
分别起到什么作用呢?以人体为例,单单具有html属性的人,只是一个裸体的人偶(理解成充气娃娃加工的第一步也行...好邪恶)。这个时候无疑很丑陋,因此需要给这个人偶穿上华丽的外衣,也就是CSS。通过...
Vue
菜鸟
入门--搭建项目
有三个
组件
: cli:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) cli 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之...
转载:web
自动
化测试
python+selenium
自动
化软件测试(第2章):WebDriver API 欢迎您来阅读和练手!您将会从本章的详细讲解中,获取很大的收获!开始学习吧! 目录 2.1 操作元素基本方法 2.2 常用8种元素定位(Firebug和...
关于vue中表单和
组件
的笔记
关于vue中表单和
组件
的笔记今天内容表单文本多行文本单选框多选框下拉选择框修饰符.lazy.number.trim案例:用户注册搭建界面定义数据绑定数据绑定事件
组件
组件
基础基本使用美化
组件
修改根
组件
组件
生命周期
组件
通信父...
SSM框架
菜鸟
理解
这个Servlet启动后会,加载springmvc.xml配置文件,这个配置文件时SpringMVC的配置文件,他会执行一系列的加载操作,识别Controller文件,并加载过滤器拦截器等
组件
。SpringMVC初始化以后,该请求继续发送到servlet...
springboot
菜鸟
入门
一开始Spring是通过xml配置,后来Spring 2.5引入了基于注解的
组件
扫描,这消除了大量针对应用程序自身
组件
的显式XML配置。Spring 3.0引入了基于Java的配置。 项目的依赖管理费力。在环境搭建时,需要分析要导入哪些...
vue中el-
select
默认选则第一个或者第二个
框架用的是若依,字典 这是el-
select
这是data里面定义的 直接写个 1 就是第一个 这是页面 仅供参考,
0基础
菜鸟
学前端vue.js
简介:0基础前端
菜鸟
,啃了将近半月前端VUE框架,对前端知识有了初步的了解。下面总结一下这段时间的学习心得。 文章结构 前端基础 Vue.js简介 Vue.js常用指令 Vue.js
组件
Vue.js之vue-router插件 Vue.js...
基于
菜鸟
教程快速入门Vue2.0
runoob:run noob 的合并,原意 奔跑吧
菜鸟
依据个人经验,将引入js: 下载 vue.min.js文件:https://vuejs.org/js/vue.min.js CDN:内容分发网络,可通过cdn加速访问国外的网站,可以将下面的网址替代script标签里...
python+selenium
自动
化软件测试(第2章)
我们平常说的 selenium
自动
化,其实它并不是类似于QTP之类的有GUI界面的可视化工具,我们要学的是webdriver框架的API。 本篇主要讲如何用Python调用webdriver框架的API,对浏览器做一些常规的操作,如打开、前进、...
自动
化测试
自动
化理论及应用场景
自动
化测试工具及框架
自动
化经验 3.TCP连接中time_wait状态是什么意思?说明其使用的场景,并指出它的好处和坏处分别是什么? 第二题:算法分析和设计题 1.有个任务定时器,每天要...
JSP纯搬运(
菜鸟
驿站)
Servlet JSP 日期处理 获取当前日期和时间 日期比较 使用SimpleDateFormat格式化日期 SimpleDateFormat格式码 JSP 页面重定向 实例演示 JSP 点击量统计 实例演示 复位计数器 JSP
自动
刷新 页面
自动
刷新程序示例 JSP ...
写一个
菜鸟
裹裹小程序吧
最近双十一过后,每天不是拿快递就是去拿快递的路上,翻开手机应用里的
菜鸟
裹裹查看快递是很方便的,当我在微信端搜索
菜鸟
裹裹小程序时,却没有发现,于是便想自己动手仿app版写一个
菜鸟
裹裹的小程序,对其中的快递...
Python
菜鸟
之路:Python操作MySQL-即pymysql/SQLAlchemy用法
# 开启
自动
提交SQL,如果这里不设置,以后的命令需要执行conn.commit()来提交执行,否则都在内存中 conn.autocommit(True) # 创建游标 cur = conn.cursor() # 执行普通SQL,并返回受影响行数 effect_row = cur....
《
菜鸟
教程》 EUI卡牌游戏制作
EUI是一套基于Egret核心显示列表的UI扩展库,它封装了大量的常用UI
组件
,能够满足大部分的交互界面需求,即使更加复杂的
组件
需求,您也可以基于EUI已有
组件
进行组合或扩展,从而快速实现需求。 为了展示EUI的功能,...
一点干货:Web
菜鸟
的ISC之旅
对这次大会的感觉呢,主要因为会议面向群体覆盖面很广,议题也很多,作为一个学习技术的
菜鸟
,兴趣点比较少,所以觉得整体技术干货还是比较少,很多议题一看是“业务拓展经理”、“高级产品经理”等领导来讲,就知道...
人工智能-机器学习-移动通信客户价值的挖掘模型设计.pdf
人工智能-机器学习-移动通信客户价值的挖掘模型设计.pdf
发帖
JavaScript
加入
微信扫一扫
点击复制链接
8.6w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
申请成为版主
帖子事件
创建了帖子
2003-06-27 04:09
社区公告
暂无公告