new Option()——实现时间联动

//1.动态创建select
function createSelect(){
    var mySelect = document.createElement("select");
    mySelect.id = "mySelect";
    document.body.appendChild(mySelect);
}

//2.添加选项option
function addOption(){
    //根据id查找对象,
    var obj=document.getElementById(‘mySelect‘);
    //添加一个选项
    obj.add(new Option("文本","值"));    //方法一:
    obj.options.add(new Option("text","value")); //方法二:
    for(var i=0;i<10;i++){
        obj.options[i]=new Option("新文本","新值");    //方法三:
    }
}

//3.删除所有选项option
function removeAll(){
    var obj=document.getElementById(‘mySelect‘);
    obj.options.length=0;
}

//4.删除一个选项option
function removeOne(){
    var obj=document.getElementById(‘mySelect‘);
    var index=obj.selectedIndex;    //index,要删除选项的序号
    obj.options.remove(index);
}

//5.获得选项option的值
var obj=document.getElementById(‘mySelect‘);
var index=obj.selectedIndex;     //序号,取当前选中选项的序号
var val = obj.options[index].value;

//6.获得选项option的文本
var obj=document.getElementById(‘mySelect‘);
var index=obj.selectedIndex;
var val = obj.options[index].text;

//7.修改选项option
var obj=document.getElementById(‘mySelect‘);
var index=obj.selectedIndex;
var val = obj.options[index]=new Option("新文本","新值");

//8.删除select
function removeSelect(){
    var mySelect = document.getElementById("mySelect");
    mySelect.parentNode.removeChild(mySelect);
}

  

new Option()——实现时间联动,布布扣,bubuko.com

时间: 2024-08-26 20:54:46

new Option()——实现时间联动的相关文章

学习日记之JS时间联动框

今天学习了JS的时间联动框. HTML代码: <body > <fieldset > <legend>员工表</legend> <form name="employeetable"> <select name="year" onchange="initMonth(document.employeetable.month,document.employeetable.day)"/&g

做时间联动 遇见的知识点

arguments的用法 js中select-options的用法 js中date初始化的方法

jquery插件-省市联动

由于项目需要需要实现一个省市联动,由于业务有一些特殊的需求,使用现有的插件略有不便,就自己实现了一个. 首先需要保存地区数据的JS数据文件,我这里命名为areaData.js,内容如下: /** * 保存地区信息 * 数据格式 * areaData = [{'pro': '北京', 'cities': {'-1': '北京'}}, {...}] * 直辖市存在-1,表示就是直辖市 */ (function(window) { window.areaData = [{"pro":&quo

项目实战之FORM、联动菜单组件的实现

联动菜单也是我们常用功能之间,下面描述一下联动菜单的一种实现. 一.功能描述:两级联动. 在选择了集群中一项后,会将该集群下的key值都关联出来.开发时在这里遇到一个问题,卡了很久.遇到的问题:在上图的状态下,更换一级联动的值,二级联动的值依然会保留上一次的值.其实这个问题挺简单的.就是在加载二级联动值时先清除.重点还是在对ant的组件不了解,不会使用. 二.功能代码 import React from 'react'; import '../index.less'; import {Form,

生成时间下拉菜单【有待完善】

<?php header('content-type:text/html;charset="utf-8"'); date_default_timezone_set('PRC'); //设置中国时区 $amstart = '17:00'; //AM $amend = '18:00'; //PM $pmstart = '18:30'; $pmend = '19:30'; function getoption($amstart,$amend,$pmstart,$pmend){ $ams

jquery与zend framework编写的联动选项效果

html部分: <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

easyui-combobox與Select控件联动&amp;&amp;赋值筆記

双击select 移除某项ondblclick="this.removeChild(this.options[this.selectedIndex])"不必在option 上定义 .代码如下: <select style="width:400;height:300;" multiple="true" ondblclick="this.removeChild(this.options[this.selectedIndex])&quo

配置时间生成下拉菜单

<?php //设置时区 date_default_timezone_set('PRC'); //设置中国时区 ?> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>配置时间生成下拉菜单</title> <link rel="stylesheet" type="text/css" hre

用jQuery实现省市区三级联动(可做插件)

用jQuery实现省市区三级联动(可做插件) 有参考别的文档,如有雷同,不胜感激 先上效果图 上三级联动代码 city.html <!DOCTYPE html> <html> <head> <title>city.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http