java document select_javasript 操作option select
一、基础理解:
var e = document.getElementById("selectId");
e.options = new Option("文本", "值"); //创建一个option对象,即在标签中创建一个或多个文本。options是一个数组,里面可存放多个文本标签。
1、options数组的属性:
length -------长度属性
selectedIndex ------ 当前被选中的文本的索引值,此索引值是内存自动分配的(0,1,2,3....)对应(第一个文本值,第二个文本值,第三个文本值,第四个文本值.......)
2、单个option的属性(即obj.options[obj.selectedIndex]是指定的某个标签):
text ===== 返回/指定文本
value =====返回/指定文本,与一致
index ======返回下标
selected======返回/指定该对象是否被选中,指定true or false可动态改变选中项
defaultSelected =====返回该对象默认是否被选中,true/false
3、option的方法:
增加一个标签======obj.options.add(new("文本", "值"))
删除一个标签======obj.options.remove(obj.selectedIndex);
获取一个标签======obj.options[obj.selectedIndex].text ;
修改一个标签======obj.options[obj.selectedIndex] = new Option("新文本", "值") ;
删除所有标签======obj.options.length = 0 ;
获取一个标签的值====obj.options[obj.selectedIndex].value ;
注意:
obj.option中的option不需要大写
new Option中的option需要大写
实例/
1 检测是否有选中
if(objSelect.selectedIndex > -1) {
//说明选中
} else {
//说明没有选中
}
2.动态创建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
3.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}
4.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
5.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
6.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
7.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;
8.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
9.删除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
java document select_javasript 操作option select相关推荐
- javasript 操作option select
javascript select option对象总结 2009-09-28 08:59 一.基础理解: var e = document.getElementById("selectId ...
- JS中操作<select>标签选的值
JS中操作<select>标签选的值 <select>标签是一种表单控件,用来创建下拉列表.在<select> 标签内可用 <option> 标签定义下 ...
- Java 使用itextPdf7操作pdf,写入照片这一篇就够了
Java 使用itextPdf7操作pdf,写入照片这一篇就够了 1. 效果图 1.1 M*N列图片(无边界&有边界) 1.2 图片重叠 1.3 文字背景图片 1.4 图片与文字相邻 & ...
- Java使用Jdbc操作MySql数据库(一)
这个示例是Java操作MySql的基本方法. 在这个示例之前,要安装好MySql,并且配置好账户密码,创建一个logininfo数据库,在数据库中创建userinfo数据表.并且在表中添加示例数据. ...
- javascript,jquery 操作 dropdownlist ,select
大家都知道,.NET中一些Web服务器控件解析并编译,最终被渲染的时候,其实是转化成了普通的html控件. 比如<asp:LinkButton>控件就被渲染成了<a>锚点控件, ...
- Java原始客户端操作Mongodb 增删改查
Document方式操作增删改查 1.导入Pom依赖 2.java客户端代码 1.导入Pom依赖 <dependency><groupId>org.mongodb</gr ...
- java完整JDBC操作数据库
java使用JDBC操作数据库的包含以下7个主要步骤: 1.加载JDBC驱动程序 在连接数据库之前,首先要加载想要连接的数据库的驱动到JVM(Java虚拟机),这通过java.lang.Class类的 ...
- Java程序中操作Word表格
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括 如何在Word中创建嵌套表格. 对已有表格添加行或者列 复制已有表格中的指定行或者列 对跨页的表格可设置是否禁止跨页断行 创建表 ...
- Java MongoDB的操作
安装教程 参考:菜鸟教程 java支持 jar包下载链接 连接数据库 MongoClient client = new MongoClient(host,port);//localhost,27017 ...
最新文章
- 文计笔记 4 字符编码与数制
- CertEnroll::CX509Enrollment::p_InstallResponse:ASN1 bad tag value met. 0x8009310b
- 【NLP】一文速览 | 对话生成预训练模型
- java params 关键字_转载------C# ref 和 out ,params关键字的用法
- java 小数运算 少0.1_计算器是如何实现0.1的?
- LeetCode 828. 统计子串中的唯一字符(中心扩展)
- 系统调用和库函数的区别
- Windows Azure 部署 Windows 8 虚拟机
- model数据库orm操作
- 内核引导参数IOMMU与INTEL_IOMMU有何不同?
- 麦克纳姆轮全向移动机器人运动模型及应用分析
- web api 安装包
- linux Apache2.4安装提示APR not found的解决办法
- Centos7安装jdk1.8
- win11找不到开启蓝牙开关,设备管理器也没有蓝牙
- oracle可以导出mdf,sql数据库导出mdf
- 学校食堂工作流程图流程图模板分享
- 微信小程序 MinUI 组件库系列之 label 标签组件
- ThinkPHP 5.1的商城系统,商淘软件多用户商城电脑端+手机版,破解版
- Hibernate高级映射技术(一)自定义数据类型StringList (转)
热门文章
- leetcode 553. Optimal Division | 553. 最优除法(暴力递归->傻缓存)
- leetcode 449. Serialize and Deserialize BST | 449. 序列化和反序列化二叉搜索树(BST后序遍历性质)
- leetcode 563. 二叉树的坡度(Java版)
- HotSpot源码(一):Docker与虚拟机的区别,class字节码解析,linux内核源码下载地址,Yacc与Lex快速入门
- 牛客网_PAT乙级_1020完美数列(25)【vector sort 最后一个测试用例超时】
- leetcode 70. 爬楼梯(C语言)
- hadoop2.20+hive+sqoop+mysql数据处理案例
- linux 用 grep 查找单个或多个字符串(关键字)
- 穷人的语义处理工具箱之一:语义版Jaccard
- 【最新合集】编译原理习题(含答案)_8-10语法制导翻译_MOOC慕课 哈工大陈鄞