`
opportunity
  • 浏览: 12438 次
  • 性别: Icon_minigender_2
  • 来自: 火星
社区版块
存档分类
最新评论

jQuery 获取和设置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();

分享到:
评论

相关推荐

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

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

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

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

    jQuery select下拉框美化代码.zip

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

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

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery结合Ajax技术从后台获取数据,并动态生成下拉选择框(Dropdown List)。 首先...

    jQuery手机下拉框select

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

    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 select下拉框单选和多选插件

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

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

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

    select下拉框添加搜索功能

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

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

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

    jQuery美化select下拉框

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

    80、jquery select下拉框美化代码

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

    select 下拉框可以多选

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

    可编辑的select下拉框

    `jQuery Editable Select`就是这样一个插件,它允许用户在下拉框中直接编辑输入,同时根据输入的内容实时过滤选项,提高了用户在大量数据中的查找效率。 `jQuery Editable Select`插件的工作原理是将标准的`&lt;select...

    jQuery模拟select下拉框三级城市联动代码.zip

    总之,“jQuery模拟select下拉框三级城市联动代码”是一个实用的前端开发工具,它结合了jQuery的强大功能和拼音搜索的便利性,为用户提供了高效的城市选择体验。在理解并实现这个功能后,开发者可以将其作为一个基础...

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

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

Global site tag (gtag.js) - Google Analytics