`
这些年
  • 浏览: 399930 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery获得下拉框值(转)

    博客分类:
  • js
 
阅读更多

获取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();
详细出处参考:http://www.jb51.net/article/27998.htm

分享到:
评论

相关推荐

    jquery实现百度搜索关键字输入下拉框提示

    本项目"jquery实现百度搜索关键字输入下拉框提示"是利用 jQuery 实现类似百度搜索框的功能,即用户在输入框中输入关键词时,能实时显示与关键词相关的下拉提示,提高用户的搜索体验。 首先,`index.html` 是网页的...

    jquery获得下拉框值的代码

    **一、获取下拉框值** 1. **获取选中的文本**:`$("#ddlRegType").find("option:selected").text()` 这个方法会返回下拉框中当前选中的 `option` 元素的文本内容。`$("#ddlRegType")` 用于选取ID为 `ddlRegType` 的...

    jQuery对下拉框,单选框,多选框的操作

    //得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”]’).val();//得到下拉菜单的选中项的ID属性值var cc3 = $(‘.formc select[@name=”country”]’).attr(“id”);//清空下拉框//$(“#...

    jquery实现Google自动下拉框

    ### 使用jQuery 1.3实现Google自动下拉框功能解析 #### 一、背景与目的 随着Web技术的发展,用户体验成为衡量网站质量的重要标准之一。其中,自动完成(Auto Complete)功能作为提升用户输入效率的有效手段,在众多...

    jQuery下拉框多级菜单筛选插件.zip

    本资源“jQuery下拉框多级菜单筛选插件”是为了解决在网页表单中实现复杂下拉菜单筛选功能的一个实用工具。这个插件通过创建层次化的菜单结构,使用户能够更高效地在大量选项中进行筛选,提高交互体验。 在传统的...

    jquery获取下拉框中的循环值

    本文主要讲述了在使用jQuery技术时如何获取一个下拉框(select元素)中循环值的详细步骤和方法,这在前端开发中是经常需要掌握的操作。在涉及到动态生成的选项列表时,能够正确地读取用户所选的值变得尤为重要。下面...

    jquery获得单选框和下拉框的值,java日期处理,遍历list,遍历map

    ### jQuery 获取单选框和下拉框的值 在jQuery中获取HTML元素的值非常方便。根据提供的部分内容可以看出,代码片段使用了jQuery来获取单选框和下拉框的值。 1. **获取单选框的值:** ```javascript var GateId =...

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

    然而,原生的select下拉框在样式定制和交互性方面存在局限,因此开发者常常使用jQuery来模拟自定义的下拉框,以便获得更好的用户体验和设计自由度。 这个项目的核心在于实现城市联动功能。当用户在第一级(省份)中...

    jQuery自定义下拉框特效代码

    本项目“jQuery自定义下拉框特效代码”旨在为网页开发者提供一种美观且可定制的下拉框解决方案,使得用户在选择选项时能够获得更好的交互体验。 一、jQuery与自定义下拉框 1. jQuery基础:jQuery通过简洁的语法...

    jQuery 自定义下拉框(DropDown)附源码下载

    在这篇文章中,我们将探讨如何使用jQuery技术来自定义下拉框(DropDown),并且文章提供了相关的源码下载链接供读者参考和使用。具体的知识点包括: 1. jQuery基础使用:文章中使用了jQuery库,这是由jQuery基金会...

    jquery select下拉框操作的一些说明

    // 尝试设置下拉框值,并通过try-catch屏蔽错误 } catch(e) {} ``` ### 全部动态创建的Option 在某些情况下,下拉框的选项可能完全由JavaScript动态创建,而没有一个静态的option作为占位。在这种情况下,仅仅...

    (java版本)自己做了一个jquery ajax异步请求,获得一个list对象的下拉框例子

    在这个例子中,我们假设`MyObject`有两个属性:`id`和`name`,它们分别代表下拉框中每个选项的值和显示文本。`forEach()`遍历JSON数据,为每个对象创建一个新的`&lt;option&gt;`元素,并将其添加到下拉框中。 总结一下,...

    jquery鼠标点击自定义下拉框插件.zip

    开发者可以自定义JSON对象,包含下拉框的选项文本和值,然后传入插件: ```javascript var options = [ { text: 'Option 1', value: '1' }, { text: 'Option 2', value: '2' } ]; $('#customDropdown')....

    jQuery自定义下拉框

    本教程将详细讲解如何使用jQuery来实现一个自定义的下拉框,以此替代传统的HTML `&lt;select&gt;` 元素,以获得更好的用户体验和更灵活的定制能力。 首先,我们需要了解HTML `&lt;select&gt;` 元素的基本结构。传统的下拉框是由...

    jQuery选择日期时间下拉框代码.zip

    本资源“jQuery选择日期时间下拉框代码.zip”包含了一种使用jQuery实现的日期时间选择器,这种组件常见于需要用户输入特定日期或时间的表单中,如预约系统、日程安排或者时间记录等。 首先,我们需要了解jQuery的...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,... select下拉框的第二个元素为当前选中值 $(‘#select_

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

    本文将详细介绍如何使用jQuery来获取和设置`&lt;select&gt;`下拉框的值,以及如何操作其选项。 首先,我们来看如何获取`&lt;select&gt;`下拉框的信息: 1. **获取选中的文本(text)**: 使用`$("#ddlRegType").find("option:...

    AJAX获得下拉框选择项[java 附完整myeclipse项目压缩包]

    2. JavaScript部分(可能使用jQuery):在这个函数中,当用户更改下拉框的选项时,会使用AJAX调用发送一个HTTP请求到服务器,发送当前选择的值。 3. Java后端部分:服务器端接收到请求后,会解析请求参数,可能进行...

    Jquery获取Select标签的值

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

Global site tag (gtag.js) - Google Analytics