`
ljslm520
  • 浏览: 973 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jQuery获取,设置下拉框(select)的值

阅读更多
获取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手机下拉框select

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

    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获取当前选中下拉框的各个属性

    ### 使用jQuery获取与设置下拉框(Select)的属性 #### 概述 在Web开发中,下拉框(`&lt;select&gt;`元素)是表单中常见的一种输入控件,用于提供用户选择列表中的某个选项。jQuery作为一种轻量级、功能强大的JavaScript...

    jquery 多选项下拉框

    在实际项目中,可能会有现成的 jQuery 插件如 Select2、Chosen 或 MultiSelect 等,它们已经封装好了多选项下拉框的功能,提供了丰富的配置选项和自定义样式的能力。使用这些插件可以快速实现所需功能,同时减少开发...

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

    不过,由于`&lt;select&gt;`元素的限制,我们需要使用jQuery来实现更复杂的行为,如打开和关闭下拉菜单、处理用户交互等。这里的关键是使用jQuery的事件监听器(如`click`、`mouseover`)和DOM操作方法(如`addClass`、`...

    利用jquery获取select下拉框的值

    jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。 我的下拉框是: &lt;select class=form-control id=iv_level&gt;... jquery获取内容采用:  var iv_level=jQuery(“#iv_level option:

    Jquery获取Select标签的值

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

    jQuery select下拉框美化代码.zip

    1. **初始化**:使用jQuery选择器获取所有的`&lt;select&gt;`元素,并为它们添加必要的类或ID,以便于后续的样式应用和事件绑定。 2. **事件监听**:添加事件监听器,如`click`事件,当用户点击下拉框时触发自定义的显示...

    jQuery美化select下拉框

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

    Jquery可编辑下拉框控件

    "Jquery可编辑下拉框控件"是一种基于jQuery的组件,它提供了更丰富的用户交互体验,允许用户在下拉框中进行编辑,不仅可以选择已有选项,还能输入自定义内容。这样的控件对于数据录入或搜索场景特别有用,因为它结合...

    jQuery多选下拉框插件

    总之,`jquery.multi-select.js`是提高网页中多选下拉框用户体验的有效工具,它结合了jQuery的强大功能和易用性,使得Web开发变得更加简单和高效。无论是初学者还是经验丰富的开发者,都能从中受益。

    jquery操作select下拉框的多种方法

    Jquery中对下拉框的操作 包括选中 赋值等

    jQuery下拉框美化插件selectList.rar

    "jQuery下拉框美化插件selectList"就是这样一个工具。 selectList是一款专为jQuery设计的轻量级插件,它的主要目标是将传统的HTML下拉框进行美化,提供更好的视觉体验和交互功能。以下是一些关于selectList插件的...

    jQuery实现select下拉框样式美化效果

    本资源主要介绍如何使用jQuery来实现select下拉框的样式美化效果。 首先,我们需要引入jQuery库。jQuery的最新版本可以在官方网站(https://jquery.com/download/)下载,也可以通过CDN链接快速引入,如: ```html ...

    jQuery美化Select下拉框.zip

    《jQuery美化Select下拉框详解》 在网页开发中,Select下拉框是常见的表单元素,但在默认状态下,其样式往往显得朴素无华,不符合现代网页设计的审美要求。为了解决这个问题,jQuery提供了一种强大的解决方案——...

    jQuery自定义Select下拉框 可自动滚动

    今天我们要分享一款很实用的jQuery自定义Select下拉框,它的外观不仅比浏览器自带的下拉框要漂亮,而且在选择的时候还可以自动滚动下拉框选项,用户体验非常不错。之前我们也分享过一些用CSS3和HTML5制作的下拉框,...

    jQuery支持模糊查询下拉框菜单选择代码

    使用jQuery,我们可以轻松地获取或修改下拉框中的选项,例如,使用`$('select').children('option')`选取所有选项。 四、事件监听 为了实现模糊查询,我们需要监听用户的输入事件。jQuery提供了`keyup`、`keydown`...

    jQuery模拟select下拉框插件.zip

    "jQuery模拟select下拉框插件"就是这样一个工具,它提供了更丰富的交互性和定制性,相比原生的HTML下拉框控件,能够为用户带来更好的体验。下面将详细探讨这个插件的原理、功能以及如何使用。 首先,原生的`&lt;select...

Global site tag (gtag.js) - Google Analytics