js中select操作实例


window.onload=function(){
//创建select
var select1= document.createElement("select");
select1.id="select1";

for(var i=0;i<5;i++){
//创建option
var option=document.createElement("option");
//var option=new option();
option.value=i;
option.text="option"+i;

//添加option 三选一
select1.add(option);
//select1.options.add(option);
//select1.appendChild(option);

}

document.body.appendChild(select1);

var index=select1.selectedIndex;//获得选择的option索引
var option_selected=select1.options[select1.selectedIndex];//获得选定的option

//插入option
select1.options.add(new Option(‘add1‘,‘add1‘));

//移除option 方法二选一
//select1.options.remove(1);
select1.remove(1);

//清除option 方法二选一
//select1.options.length=0;
//select1.length=0;
}

js中select操作实例,布布扣,bubuko.com

时间: 2024-10-12 04:05:33

js中select操作实例的相关文章

js中数组操作

var selectedCodeArray = []; var num = $.inArray(值, selectedCodeArray)  //值在数组中的位置 selectedCodeArray.push(值码); selectedCodeArray.splice(num, 1);//从数组中删除 js中数组操作,布布扣,bubuko.com

js中cookie操作

js中操作Cookie的几种常用方法 * cookie中存在域的概念,使用path和domain区分 获取cookie function getCookie(c_name){ if (document.cookie.length>0){ console.log(document.cookie); c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1){ c_start=c_start + c_name.len

js中对象 类 实例的区别 数据类型 创建对象

类是对象的具体细分,实例是类中的一个具体事物. 基本数据类型和 引用数据类型 基本数据类型:numble string undefined null 引用数据类型:对象和函数 对象数据类型又细分为:对象类(object)数组类(array)正则类(reg..) 基本数据类型的特点:按照值来操作 引用数据类型的特点:先开一个空间,浏览器为其分配一个地址,接着把内容存到空间中,最后把地址赋给变量. ========================================== 创建对象的方式

5月16日上课笔记-js中DOM操作

一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文本节点 nodeType 节点类型: 1:元素节点 3:文本节点 9:document节点 2:属性节点 firstChild(支持IE浏览器) || firstElementChild(支持谷歌浏览器) //获取第一个子节点 var fc = ulDom.firstElementChild ||

【转】js中select的基本操作

判断select选项中 是否存在Value="paraValue"的Item  // 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.option

JS中DOM操作

DOM创建 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口). DOM描绘了一个层次化的节点树,允许开发人员添加,移动,删除和修改页面的某一部分. DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台,语言中立的方式. 注意: IE中所有DOM对象都是以COM对象的形式实现的,这意味着IE中的DOM对象与原声JavaScript对象的行为或活动特点不一致 节点操作: 插入节点: appendChi

js中数据操作的某些思想

1,默认数据的复用 写成function的return形式缓存在变量中,用的时候直接执行fun就行了 例如 有文件text.js里面的对象是export default ()=>({aa:55,bb:function(){console.log()}}) 异步加载之后 缓存在window.componentCfg[type]里面 import('./text').then(e=>e.default).then(e=>{ window.componentCfg['text']=e; })

JS中如何操作数组

背景:随笔中所应用到的代码来自于上一篇随笔,MVC&JQuery如何根据List动态生成表格,部分代码不再重复. 代码如下: 1 $("#btnTan").click(function () { 2 var Array=[]; 3 var tmp = $("#destTable tr"); 4 for (var i = 0; i < tmp.length; i++) { 5 Array[i] = tmp.eq(i).find(".age&qu

JS中Dom操作的常用案例实现

本文介绍几个Dom操作的几个常用的案例.虽然现在各种web框架层出不穷,也很方便.但是了解最基本的实现方法对我们开发还是有很大的帮助的: 1.图片滚动案例 1.1  效果如下: 1.2  代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .