`
jaw111
  • 浏览: 31597 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

对select进行操作

阅读更多

下面列举Javascript 操作select的一一般步骤。

1.动态删除select中的所有options:
function deleteAllOptions(sel){
sel.options.length=0;
}
2.动态删除select中的某一项option:
function deleteOption(sel,indx){
sel.options.remove(indx);
}
3.动态添加select中的项option:
function addOption(sel,text,value){
sel.options.add(new Option(text,value));
}

4.删除select中选中的项   
function removeSelectedItem(obj) {       
     var length = obj.options.length - 1;   
     for(var i = length; i >= 0; i--){   
         if(obj[i].selected == true){    
             obj.options[i] = null;   
         }   
     }   
}      
   
5.得到select的当前选中项的text   
var currSelectText = objSelect.options[document.all.objSelect.selectedIndex].text;    
      
6.得到select的当前选中项的Index   
var currSelectIndex = objSelect.selectedIndex;    

其中需要注意的是,删除多个Item选项时,需要考虑Options索引的问题,删除索引小的Option时,序号顺序会自动往下递减,这是删除后面的Item时,就会因为索引不对应,造成删除有误,所以需要倒叙排序进行删除操作。

分享到:
评论

相关推荐

    [转]Jquery操作select 收藏

    文件"jQuery-Select-bynet.htm"可能就是一个示例代码或插件的文档,它可能包含了更高级的select操作示例,如模拟多级联动下拉菜单或者自定义的下拉列表样式。 总的来说,掌握jQuery操作select的方法对于前端开发来...

    layui xm-select插件注意事项.rar

    插件提供了丰富的API接口,如`xmSelect.set()`, `xmSelect.get()`, `xmSelect.remove()`, `xmSelect.clear()`等,用于在程序运行时对select进行操作,比如设置选中项、获取选中项、删除选中项、清空选中项等。...

    jQuery对Select的操作大集合(收藏)

    此外,还可以通过`$("#select_id option").each(function() {...})` 遍历所有的Option,进行更复杂的操作,比如根据条件修改Option的文本、value或者添加类名等。这对于实现动态筛选、排序或分组功能非常有用。 总...

    SIEMENS Multix Select DR 中文操作手册

    ### SIEMENS Multix Select DR 中文操作手册关键知识点 #### 系统安全 - **基本设备**: 在这部分,操作手册介绍了系统的基本组成部分及其安全使用准则。这些包括但不限于探测器系统、平板探测器(FD)、限束器、立式...

    js操作select控件大全

    js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...

    键盘操作select下拉框

    在网页开发中,`select`元素是用于创建下拉列表的一种常见方式,它允许用户从一组预定义的选项中进行选择。在某些情况下,特别是对于无障碍功能或提高操作效率而言,能够通过键盘来操作`select`下拉框是非常重要的。...

    SQL语言—SELECT更新操作

    我们将备份 Student 表到 TS 表中,并进行一些更新操作,例如将赵青江的姓名改为“刘华”,年龄增加 1 岁。 接下来,我们将删除姓张的学生记录,并将“钱横”同学的选课记录全部删除。然后,我们将创建表 SC_back,...

    select 控件操作大全

    ### Select 控件操作大全 ...以上就是使用JavaScript对 `<select>` 控件进行各种操作的方法。通过这些函数,开发者可以灵活地管理下拉列表,提高用户体验。在实际开发过程中,还可以根据具体需求进行扩展和优化。

    使select可以输入

    对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的...

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...

    JQuery对select的操作(01).zip

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。...通过不断的实践和学习,你会更加熟练地掌握jQuery对`<select>`的操作,从而提升你的Web开发技能。

    select下拉框添加搜索功能

    这通常涉及到DOM操作,包括获取`select`元素、遍历其所有`option`子元素,然后根据输入的关键词进行匹配,显示或隐藏匹配的选项。这种方式需要对HTML、CSS和JavaScript有较深入的理解,并且工作量相对较大。 2. **...

    jquery操作select大全

    以下是一个综合实例,展示了如何使用jQuery监听select元素的变化,并在变化时获取选中的option的文本或值,并对select进行一些基本操作: ```javascript <script src="jquery-1.2.1.js" type="text/javascript"></...

    Javascript 操作select控件大全

    Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等

    JavaScript对Select的操作.doc

    本文将深入探讨如何使用JavaScript来操作Select及其内部的Option。 1. **动态创建 Select** 使用`document.createElement("select")`可以创建一个新的`<select>`元素。接着通过`id`属性设置其唯一标识,并用`...

    javascript_select_option_操作详解.txt

    ### JavaScript Select Option 操作...通过以上方法,我们可以非常方便地对 `<select>` 和 `<option>` 进行各种操作,满足网页开发中的各种需求。这些方法不仅能够帮助开发者更好地管理表单数据,还能提高用户体验。

    Javascript Select操作大集合

    JavaScript中的Select对象是HTML表单元素Select的编程接口,它提供了对下拉列表的操作功能。在Web开发中,Select元素通常用于创建用户可以选择的多个选项。以下是对标题和描述中涉及的知识点的详细说明: 1. **动态...

    实现可编辑的select

    在网页开发中,选择框(`<select>`)通常用于让用户在预设的选项中进行选择。然而,标准的HTML `select` 元素并不支持直接编辑,即用户无法自由输入新的选项。为了提供这种功能,开发者通常会利用JavaScript库来实现...

    select2.mim.js and select2.min.css.zip

    以上代码中,`#example-select`是我们要增强的`<select>`元素,`select2()`方法则是对其进行初始化。 综上所述,Select2库通过`select2.min.js`和`select2.min.css`文件为HTML `<select>`元素提供了丰富的交互功能...

Global site tag (gtag.js) - Google Analytics