`

select动态添加options操作

阅读更多

<select id="ddlResourceType" onchange="getvalue(this)">
</select >

    动态删除select 中的所有options:
       document.getElementById("ddlResourceType").options.length=0;

     动态删除select 中的某一项option:
       document.getElementById("ddlResourceType").options.remove(indx); 

     动态添加select 中的项option:
       document.getElementById("ddlResourceType").options.add(new Option(text,value));

     上面在IE和FireFox都可行,用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。

获得值:
        obj.options[obj.selectedIndex].value


获取文本:
        obj.options[obj.selectedIndex].text


清空opton:obj.options.length=0;

根据给定的值,选中:

for(var i = 0; i<obj.length; i++){
       if(obj.options[i].value == value){
        obj.options[i].selected = 'selected';     
       }
      }

分享到:
评论

相关推荐

    JS对select动态添加options操作[IE&FireFox兼容]

    JS对select动态添加options操作[IE&FireFox兼容]

    javascript Select标记中options操作方法集合

    javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...

    [IEFireFox兼容]JS对select操作

    今天在Ajax中使用两个下拉框动态添加select中的options,当我在IE测试下正常使用却在FireFox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他们在动态添加option时有点不同。 下面把他记下来,说不定...

    jquery select操作的日期联动实现代码

    Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写...

    Bootstrap Table 在指定列中添加下拉框控件并获取所选值

    利用Column options 中的 formatter 将数据转换成下拉列表的形式 使用bootstrap-table拓展中的editable插件 这次主要介绍第一种,基本的思路为:首先通过 bootstrap-table 的Column 配置项中的formatter,将获取到

    javascript操作html控件实例(javascript添加html)

    代码如下://下拉列表的填充  _showSchools: function (data) { //data代表是一个数据对象  var mySelect = document.getElementById... //将option添加到select标签里面 for (var index in data) { var item = da

    SQL语法大全

    sql="insert into 目标数据表 select * from 源数据表" (把源数据表的记录添加到目标数据表) (5) 数据记录统计函数: AVG(字段名) 得出一个表格栏平均值 COUNT(*|字段名) 对数据行数的统计或对某一栏有值的数据...

    存储过程的安全及性能优化

     扩展存储过程是SQL Server中的另一类存储过程,它是以其它语言编写的外部程序,是以动态链接库(DLL)形式存储在服务器上,最终SQLServer就可以动态加载并执行它们  编写好后使用SQLServer的固定角色sysadmin...

    ddl语言自定义数据库字段

    action=add"&gt;添加&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt;&lt;br&gt; &lt;tr bgcolor='#FCFCFC' height='20'&gt;&lt;br&gt; 选择&lt;/td&gt;&lt;br&gt; 产品类别&lt;/td&gt;&lt;br&gt; 字段类型&lt;/td&gt;&lt;br&gt; 字段名称&lt;/td&gt;&lt;br&gt; 字段意义&lt;/td&gt;&lt;br&gt; 操作&lt;/td&gt;&lt;br&gt; &lt;/tr&gt;...

    JavaScript笔记

    4.变量:js中的变量不需要提前指定类型,由赋值时动态决定 所有的变量都用var声明 5.数据类型: |--String(字符串类型) |--Number(数字类型) |--Boolean(布尔类型)0、-0、null、""、false/undefined或NaN,则该...

    Javashop开发规范V2.2

    $.Validator.options={lang:{isrequired:'此项不能为空!'}}; [removed] &lt;form class="validate"&gt; 必须:&lt;input type="text" name="test1" isrequired="true"&gt; 整型:&lt;input type="text" ...

    ZendFramework中文文档

    10.2.3. Fetching Results from a SELECT Statement 10.2.3.1. Fetching a Single Row from a Result Set 10.2.3.2. Fetching a Complete Result Set 10.2.3.3. Changing the Fetch Mode 10.2.3.4. Fetching a ...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第011讲 实例讲解angular操作select列表框.mp4 ├最新AngularJS开发宝典—第012讲 函数使用方法大小写转换与对象深拷贝.mp4 ├最新AngularJS开发宝典—第013讲 函数使用对象扩充与数据遍历...

    github-gmail:[WebExtension]在Gmail中使用快捷方式打开GitHub通知

    Chrome: shift + h Firefox: Ctrl + H列表视图快捷方式ctrl +返回以使用gmail键导航选择电子邮件时触发操作按钮(当蓝色条出现时):安装捷径Chrome: Select extension -&gt; Details -&gt; Extension options发展历程...

    107个常用javascript语句

    0.数组赋值给下拉菜单state_select.options.length = state_select_num ; for( i=1 ; i&lt;state_select_num ; i++ ) { state_select.options[i].value = state_array[(i-1)*2] ; state_select.options[i].text = ...

    arcgis工具

    :[工具] &gt;&gt;[添加XY 数据],在“添加XY 数据”窗口中,选择已添加的 XY 数据表,指定X 坐标字段(东经)和Y 坐标字段(北纬),按“编辑”按钮,选择坐标系统。一般GPS系统采用的坐标系统为WGS_1984。 方法二....

    精通AngularJS part1

    利用ngOptions指令提供动态options146 select指令与空的options148 理解select和对象判等149 选择多个options150 运用传统的HTMLhiddeninput字段150 嵌入来自服务器的值150 提交传统的HTML表单151 54详解...

    Toad 使用快速入门

     强大的快捷键支持和工具栏快速按钮的支持,更加高效编写(很多快捷键可以自己定义,在View -&gt;options -&gt;SQL Editor里面) 能够根据前面的条件,智能推测需要输入的代码,可以做到某种程度的代码智能填充  把...

    jquery-1.1.3 效率提高800%

    // the options for this ajax request }cache(true) 数据类型: Boolean jQuery 1.2中新添加的参数, 如果设为false,则会强制浏览器不缓存请求的页面。 complete 数据类型: Function 当请求完成时...

    java版商城源码下载-Tool1.0:工具1.0

    最近需要给select填充数据,而数据存储在excel文件中,由于数据量很大,手工填写比较费时费力,鉴于还没有可用的工具,写了一个供大家使用。 通过excel2007或以上版本提供的数据生成商户数据。 使用方法: 1.下载...

Global site tag (gtag.js) - Google Analytics