`

jQuery 获取和设置select下拉框的值

    博客分类:
  • JAVA
阅读更多

获取Select :

 获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();

 

 获取select选中的 value:

   $("#ddlRegType ").val();

 

 获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

 

设置select:

 设置select 选中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

 

 设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

 

 设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++)  
     {           if($("#ddlRegType ").get(0).options[i].text == text)  
        {  
            $("#ddlRegType ").get(0).options[i].selected = true;  
          
            break;  
        }  
    }

 

$("#select_id option[text='jQuery']").attr("selected", true);

 

设置select option项:

 

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

 $("#select_id option:last").remove(); //删除索引值最大的Option

 $("#select_id option[index='0']").remove();//删除索引值为0的Option

 $("#select_id option[value='3']").remove(); //删除值为3的Option

 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

 

清空 Select:

$("#ddlRegType ").empty();

分享到:
评论
2 楼 kendezhu 2011-08-12  
opportunity 写道
谢谢kendezhu分享,今天正好用上了!

呵呵 分享是互联网的意义之一
1 楼 opportunity 2011-08-12  
谢谢kendezhu分享,今天正好用上了!

相关推荐

    jquery+html自定义select下拉框,下拉框美化

    在网页设计中,为了提供更好的用户体验和视觉效果,开发者经常需要对HTML元素进行自定义和美化,特别是像`&lt;select&gt;`这样的下拉框。本文将详细介绍如何使用jQuery和HTML来创建自定义的下拉框,并对其进行美化和优化。...

    jQuery select下拉框美化代码.zip

    `jQuery select下拉框美化代码`这个压缩包的实现可能还包含了其他细节,如防止多次点击导致的闪烁,以及在鼠标移出下拉框时自动隐藏内容等功能。这种美化代码对于提升网站的用户体验和专业感具有积极意义,特别是...

    jQuery 获取和设置select下拉框的值实现代码

    在本文中,我们将深入探讨如何使用 jQuery 来获取和设置 HTML 中 `select` 下拉框的值。这在构建动态交互式用户界面时尤其重要。 首先,我们来看如何获取 `select` 下拉框的信息: 1. **获取选中的文本**: 使用 ...

    jQuery操作select下拉框的text值和value值的方法

    1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...

    jQuery手机下拉框select

    `jQuery手机下拉框select` 主要关注于改善移动端的用户体验,通过JavaScript和CSS增强下拉框的外观和功能。 ### jQuery Mobile Select Menu jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的...

    jquery获取后台数据生成下拉框

    在这个例子中,我们假设后端返回的数据是一个JSON数组,每个元素包含`value`和`label`,分别代表下拉项的值和显示文本。当Ajax请求成功时,我们遍历数据,为每个项创建一个新的`&lt;option&gt;`元素,并将其添加到`&lt;select...

    jQuery select下拉框单选和多选插件

    **jQuery select下拉框单选和多选插件** 在Web开发中,下拉框(select)是常用的一种用户交互元素,它用于提供多个选项供用户选择。然而,原生的HTML select元素在样式和交互性上往往显得较为单一。为了解决这个...

    jQuery Select下拉框美化插件 菜单淡如淡出动画

    但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以...

    jQuery自定义美化Select下拉框插件

    之前我们分享过很多款非常漂亮而且实用的jQuery美化版Select下拉框插件,比如jQuery Select下拉框美化插件 菜单淡如淡出动画和漂亮实用的Select下拉框美化插件Tether都非常不错。今天我们要给大家介绍另一款基于...

    Jquery结合jQueryUI实现的select下拉框美化以及功能性禁用的效果源码.zip

    本文将详细介绍如何利用jQuery和jQuery UI实现select下拉框的美化和功能性禁用效果。 首先,jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。jQuery UI则基于jQuery,提供...

    jquery获取当前选中下拉框的各个属性

    ### 使用jQuery获取与...以上介绍了如何使用jQuery来获取和设置下拉框(`&lt;select&gt;`元素)及其子`&lt;option&gt;`元素的各种属性。这些技巧对于Web前端开发者来说是非常实用的,可以帮助快速高效地完成交互逻辑的设计与实现。

    select下拉框添加搜索功能

    `jquery.editable-select`允许你自定义样式和行为,例如修改搜索框的外观,设置搜索的延迟时间,以及处理匹配项的回调函数等。这些可以通过传递配置对象给`editableSelect()`方法来实现。 4. **性能优化**: 当`...

    基于jquery最完美的select下拉框美化.zip

    "基于jquery最完美的select下拉框美化.zip"就是一个针对这一需求的解决方案,它结合了jQuery的强大功能,提供了一种优雅的方式来改善Select的视觉效果。 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、...

    CSS+jQuery简单实现select下拉框.zip

    本项目"CSS+jQuery简单实现select下拉框"旨在提供一种方法,利用CSS和jQuery来美化并增强select下拉框的功能,同时保持良好的浏览器兼容性。 首先,我们关注CSS部分。CSS(层叠样式表)是网页设计中用于控制布局和...

    select 下拉框可以多选

    在网页设计和开发中,`select`元素是用于创建下拉菜单的标准HTML组件...在压缩包文件中的"select下拉框多选"示例,可能会包含一个实现这一功能的完整HTML页面、CSS样式表和可能的JavaScript脚本,供学习者参考和实践。

    jQuery美化select下拉框

    在提供的压缩包文件“beautify select box”中,可能包含了示例代码、CSS样式和jQuery插件文件,你可以根据这些资源进行实践和学习,进一步理解并掌握jQuery美化select下拉框的技术。在实际项目中,记得根据具体需求...

    80、jquery select下拉框美化代码

    本知识点聚焦于"80、jquery select下拉框美化代码",主要讨论如何使用jQuery来美化HTML中的select元素,以提升用户界面的视觉效果和用户体验。 传统的HTML select元素在不同浏览器中的样式表现不一,且通常缺乏...

    Jquery获取Select标签的值

    ### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...

Global site tag (gtag.js) - Google Analytics