`

删除选项

 
阅读更多
select name="sdfsdf" id="id2">
  <option value="apple1val">apple1</option>
  <option value="apple2val">apple2</option>
</select>




<script type="text/javascript">
$(document).ready(function(){
var obj=document.getElementById("id2") // 取得select对象
obj.selectedIndex;//表示当前选中项的索引
obj.options[obj.selectedIndex]=null;//删除当前选中项

  //也可以这样删除
  obj.remove(obj.selectedIndex);


obj.options[obj.options.length] = new Option("你好","hello"); //添加一项新值,第一个参数为text,第二个参数为value

  //也可以这样添加option项
  var opt=new Option();
  opt.value="value1";
  opt.text="text1";
  obj.add(opt);
 


obj.options[obj.selectedIndex].text;//取得当前选择项的text;
obj.options[obj.selectedIndex].value;//取得当前选中项的value;

//也可以这样去,和上面的效果一样,但是不能使用obj.text
obj.value;

obj.options[obj.selectedIndex]= new Option("你好","hello");//修改当前选中项;
obj.options.length;//获取此select对象包含多少option项;

//删除所有option项
for(var i = obj.options.length-1;i>-1;i--) {
           objSelect.options[i] = null;
}

obj.options.length = 0;//这样也可以删除所有元素

obj.options[i].selected = true//设置某一项为当前选中项

});
</script>
分享到:
评论

相关推荐

    jquery bootstrap自定义添加删除选项卡代码

    在本文中,我们将深入探讨如何使用jQuery和Bootstrap框架来实现自定义的添加和删除选项卡功能。Bootstrap是一款流行的前端开发工具,它提供了丰富的组件和样式,使得构建响应式和交互式的用户界面变得简单。而jQuery...

    控制面板添加删除选项不存在IIS组件选项的解决方案

    ### 控制面板添加删除选项不存在IIS组件选项的解决方案 #### 背景与问题概述 在使用Windows操作系统的过程中,可能会遇到控制面板中的“添加/删除程序”(或在较新版本的Windows中称为“程序和功能”)不显示...

    去掉回收站的删除选项

    去掉回收站的删除选项,注册表文件,导入后刷新即可。

    Android 实现左滑出现删除选项

    Android 实现左滑出现删除选项 Android 实现左滑出现删除选项是指在 Android 应用程序中实现滑动删除功能,主要包含两个部分:内容区域和操作区域。内容区域用于放置正常显示的视图,而操作区域用于放置删除按钮。...

    在WPF中动态添加/删除选项卡

    这篇文章将深入探讨如何在运行时动态地添加和删除选项卡,这对于构建可扩展且灵活的用户界面至关重要。 在C# .NET环境中,WPF应用程序通常使用XAML来定义UI布局,而业务逻辑则由后台代码处理。在实现动态添加选项卡...

    QComboBox多选下拉框,可点击删除

    默认情况下,`QComboBox`仅支持单选模式,但通过自定义和扩展,我们可以实现多选功能,并添加删除选项。本篇将详细介绍如何实现一个具有多选和删除功能的`QComboBox`。 首先,我们需要了解`QComboBox`的基本用法。`...

    易语言超级列表框全选和删除选项

    易语言超级列表框全选和选项及消除全选

    JS实现选项卡功能

    用作大家学习参考

    jquery动态增减选项卡

    接下来,我们利用jQuery来添加和删除选项卡。在用户点击左侧分类时,我们可以根据点击的类别动态生成新的选项卡。以下是一个简单的示例: ```javascript $(document).ready(function() { // 左侧分类点击事件 $('...

    电信设备-一种删除列表选项的方法及移动终端.zip

    删除选项可能被设计成更为显眼或者易于访问,例如,将删除按钮置于列表可视区域,或者在长按后快速出现的上下文菜单中突出显示删除选项。这样的设计有助于提升用户的操作直觉性和满意度。 最后,考虑到移动终端的...

    Flex 选项卡的实现

    如果需要在运行时动态添加或删除选项卡,可以通过`TabNavigator`的`addChild()`和`removeChild()`方法实现。例如,动态添加一个新的选项卡: ```actionscript var newTab:Canvas = new Canvas(); newTab.label =...

    jQuery表单选项动态增加删除代码.zip

    本资源“jQuery表单选项动态增加删除代码.zip”提供了一个实用的功能,允许用户在表单中动态地添加和删除选项,这对于构建交互性强、用户友好的前端界面非常有帮助。下面我们将深入探讨这个主题。 首先,`index....

    Wpf中用TabControl做的分页选项卡界面

    在Windows Presentation Foundation (WPF) 中,`TabControl` 是一个常用的控件,它允许开发者创建类似于浏览器或Office软件中的选项卡式用户界面。这个界面设计能够有效地组织和展示多个相关的视图或数据,提高用户...

    DHCP的设置选项和选项类别.pdf

    这些选项可以根据需要添加到标准选项预定义列表或从该列表中删除选项。虽然可以通过这种方式使选项变得可用,但只有进行了服务器、作用域或保留管理性配置后才能为它们赋值。 二、服务器选项 服务器选项是指在 ...

    微信小程序学习demo:todolist:增加选项列表,删除选项

    在这个"微信小程序学习demo:todolist:增加选项列表,删除选项"的项目中,我们将探讨如何使用微信小程序开发一个简单的待办事项(Todo List)应用。 首先,我们要了解微信小程序的基础架构。它由四部分组成:wxml...

    基于bootstrap多功能选项卡

    - **动态添加/删除**:通过JavaScript,我们可以动态地添加或删除选项卡,以便在运行时调整内容。 - **事件监听**:Bootstrap提供了`shown.bs.tab`和`hidden.bs.tab`等事件,可以监听选项卡的切换,实现自定义功能...

    IOS选项卡2

    4. **动态添加或删除选项卡**: 应用可以根据需要动态地添加或移除选项卡,通过调整`tabBarController.viewControllers`数组即可实现。 5. **响应式设计**: 在不同屏幕尺寸或设备上,选项卡的显示可能会有所不同。...

    tab选项后台管理界面设计

    删除选项卡则能帮助用户保持界面整洁,避免不必要的干扰。 实现这些功能通常需要后端与前端的紧密协作。后端负责处理数据和逻辑,如创建、删除标签对应的业务数据,以及处理用户请求;前端则负责界面展示,通过...

    ChromeTabDeduper:用于重复数据删除选项卡的 Chome 扩展

    Tab Deduper-Chrome扩展程序用于重复数据删除选项卡的 Chome 扩展为什么是另一个? 是的,Chrome 已经存在这种扩展。 然而,在使用 Firefox 一段时间后,我发现了插件并意识到我对现有的 Chrome 扩展程序不满意,...

Global site tag (gtag.js) - Google Analytics