`
星IT辰
  • 浏览: 12622 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquey对select框操作

阅读更多
获取select 选中的 text:$("#ddlRegType").find("option:selected").text();
获取select选中的 value:$("#ddlRegType ").val();
获取select选中的索引:$("#ddlRegType ").get(0).selectedIndex;
设置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_id option[value='valueabc']").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://blog.163.com/xzp65@126/blog/static/6295869720118173619194/
分享到:
评论

相关推荐

    A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns

    在本资源中,我们主要探讨的是一个基于jQuery的图片选择器插件,它与HTML的select元素相结合,实现用户点击图片后将所选图片对应的值填充到表单的select框中。这个功能对于提高用户体验,特别是在需要用户选择图标...

    jquery实现select带模糊搜索下拉选择框

    在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...

    jquery select 样式框架

    - 添加过渡动画,使用户在操作select元素时有更流畅的体验。 - 支持多级下拉菜单,便于处理复杂的选项结构。 - 可以通过JavaScript API或CSS类进行进一步的定制和扩展。 总的来说,"jQuery Select样式框架"为开发者...

    jquery input文本框模拟select选择框获取选定

    对于标题提到的"jquery input文本框模拟select选择框获取选定",这是一个常见的需求,特别是在需要用户从一系列选项中进行选择但又希望保持界面简洁的情况下。这里我们将详细讨论如何使用jQuery来实现这个功能。 ...

    jquery select2组件

    `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `&lt;select&gt;` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选或多选下拉菜单变得更加美观且...

    A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a

    标题中的"A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a",指的是一个基于jQuery实现的交互式功能,它将图片选择与HTML的`&lt;select&gt;`下拉框相结合。这个功能允许用户通过点击图片来改变`...

    jquery多选框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题聚焦于“jQuery多选框”,这是一种利用jQuery实现的增强型多选功能,能够提供更丰富的用户交互体验。 ...

    jquery 超级select插件 v4.0版本

    考虑到实际项目中可能面临的浏览器兼容性问题,jQuery超级Select插件v4.0版本致力于兼容主流的现代浏览器,同时也尽可能对旧版浏览器提供支持。此外,它在性能上做了优化,如延迟初始化、虚拟DOM技术等,以确保在大...

    jquery select框应用jquery ui滑块slide

    在IT领域,jQuery和jQuery UI是...总结来说,将jQuery Select框与jQuery UI滑块相结合,可以创建出更加生动且用户友好的Web应用,提高用户在网页上的操作效率。理解并掌握这一技术,对于提升前端开发能力具有重要意义。

    jQuery inputbox表单美化插件自定义select框

    "jQuery inputbox表单美化插件自定义select框"是一个专注于改善select下拉框外观的解决方案。这个插件利用jQuery的强大功能,为传统的HTML select元素提供了自定义样式和交互效果,让表单看起来更加专业且用户友好。...

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...

    cool的JQuery自定义select

    "cool的JQuery自定义select"就是为了解决这个问题而出现的一个插件,它通过jQuery库对select元素进行了美化,提供了简洁且易于使用的界面,增强了用户体验。 jQuery是一款强大的JavaScript库,它简化了JavaScript的...

    Jquery操作Select option整理

    单选框操作:** ```javascript $("input[type='radio'][checked]").val(); // 获取选中项的值 $("input[type='radio'][value=2]").attr("checked", "checked"); // 设置某个单选按钮为选中状态 ``` **解析:** - `$...

    jQuery实现select样式美化 jQselect.js

    总之,"jQuery实现select样式美化 jQselect.js" 是一个旨在提升网页交互体验的工具,它通过jQuery实现了对传统`&lt;select&gt;`标签的样式增强,使得开发者可以轻松创建符合网站设计风格、具有良好交互性的选择框组件。

    select选择框控件jquery-editable-select支持编辑输入

    在本主题中,我们将关注一个名为"jQuery Editable Select"的插件,它允许用户在选择框中直接编辑和输入。 jQuery Editable Select 是一个轻量级且高度可定制的插件,基于流行的JavaScript库jQuery构建。它提供了一...

    jquery操作select大全

    以下是一个综合实例,展示了如何使用jQuery监听select元素的变化,并在变化时获取选中的option的文本或值,并对select进行一些基本操作: ```javascript &lt;script src="jquery-1.2.1.js" type="text/javascript"&gt; $...

    A_jquery+select框图片选择器点击图片给表单select框赋值源码整理

    本资源"jQuery+select框图片选择器点击图片给表单select框赋值"是一个利用jQuery实现的功能性插件,旨在增强用户在网页表单中的选择体验。下面将详细介绍这个功能及其相关技术点。 首先,我们要了解这个功能的核心...

    jquery select列表选择框选中美化效果源码

    本主题聚焦于“jquery select列表选择框选中美化效果源码”,这是一个关于利用jQuery来增强HTML `&lt;select&gt;` 元素外观和交互性的技术实践。 在标准HTML中,`&lt;select&gt;`元素用于创建下拉列表,但其样式和交互性往往...

    jquery复选框全选操作

    接下来是jQuery代码部分,我们监听`#select-all`复选框的`change`事件,当用户点击时执行全选或全不选的操作: ```javascript $(document).ready(function() { $('#select-all').click(function() { if ($(this)....

    jQuery And Select2 Demo.zip

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。它的简洁API使得编写JavaScript代码变得更加高效和简洁。在"jQuery And Select2 Demo.zip"这个压缩包中,我们很可能找到了一...

Global site tag (gtag.js) - Google Analytics