`

删除选项

 
阅读更多
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布局,而业务逻辑则由后台代码处理。在实现动态添加选项卡...

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

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

    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....

    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 扩展程序不满意,...

    Windows Form窗体应用的TabControl控件手动添加选项卡页面的C#代码

    除了添加选项卡,我们还可以对TabControl进行其他操作,如改变选中的选项卡、删除选项卡、设置选项卡的图像和文本,以及调整选项卡的位置和大小等。这些都是通过TabControl及其TabPages集合提供的各种属性和方法实现...

    4种不同风格jQuery自定义tab选项卡特效.zip

    导航菜单可应用于头部和侧边,Tab选项卡提供多套风格,支持响应式,支持删除选项卡等功能。面包屑结构简单,支持自定义分隔符。这是tab选项卡切换的源代码,由于内容较多,所以只截取了大致的结构。其实第二个盒子...

Global site tag (gtag.js) - Google Analytics