`
zengfa
  • 浏览: 123231 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery对select方法总结

阅读更多
取select option value值

取得select选择项的值:
$("#select_id").val();
$("#select_id option:selected").val();

取得select第一个option的值:
$("#select_id option:first").val();

取得select最后一个option的值:
$("#select_id option:last").val();

取得select第二个option的值:
$("#select_id option:eq(1)").val();



取select option文本值

取得select选择项的文本值:
$("#select_id").find("option:selected").text();


清空select所有option项:
$("#select_id").empty();

追加一个option项:
$("<option value='value'>text</option>").appendTo("#select_id");

在第一个位置插入一个option项:
$("#select_id").prepend("<option value='value'>text</option>");

删除一个option项:
$(this).remove();
$("#select_id option[value='value']").remove();
$("#select_id option[index=1]").remove();
$("#select_id option[text='text']").remove();

设置值为value的option为选中状态:
$("#select_id").attr("value","value");

设置第一个option为选中状态:
$("#select_id").attr("value",$("#select_id option:first").val());
$("#select_id option:first").attr("selected","selected");

获取select的长度:
$("#select_id  option").length;

获取第一个optgroup标签:
$("#select_id optgroup:eq(0)").attr("label");
分享到:
评论

相关推荐

    jquery select2组件

    总结来说,`jQuery Select2`组件以其强大的功能、良好的用户体验和高度的可定制性,成为了网页开发中不可或缺的工具。通过熟练掌握其使用方法和配置选项,开发者可以轻松地提升下拉菜单的交互性和美观度。

    jquery 超级select插件 v4.0版本

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

    jquery select2

    总结,jQuery Select2是一款功能强大且高度可定制的下拉框插件,它极大地扩展了HTML `select` 元素的能力,尤其在内容搜索和用户体验方面有着显著的优势。通过灵活的配置和丰富的API,开发者可以轻松地将Select2集成...

    jQuery模拟select效果

    总结来说,使用jQuery模拟`&lt;select&gt;`效果主要涉及以下几个关键点: 1. 创建一个自定义的HTML结构,例如`&lt;div&gt;`包裹一个`&lt;input&gt;`和一个隐藏的`&lt;ul&gt;`。 2. 使用jQuery事件处理函数(如`click`和`keyup`)来响应用户的...

    jQuery为动态生成的select元素添加事件的方法

    6. 动态添加元素到页面中:在需要的时候,使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中,从而使得select元素变得可用。 7. 绑定事件到...

    jquery 封装select实现select自定义样式插件jquery.easydropdown.min.js

    总结来说,`jquery.easydropdown.min.js`插件通过jQuery实现了Select元素的自定义样式和增强功能,让开发者能够轻松创建美观且互动性强的下拉菜单。配合其他辅助文件,如CSS样式和配置文件,可以进一步优化用户体验...

    JQuery版的select下拉效果

    总结来说,“JQuery版的select下拉效果”是通过`jquery.select.js`插件实现的一种前端技术,它提高了网页中下拉框的可定制性和用户体验。通过合理地应用这个插件,开发者可以创造出与网站或应用风格一致且功能强大的...

    jquery select插件带搜索框的下拉选择框代码

    总结一下,"jquery.searchableSelect"插件是一种强大的工具,可以将传统的HTML `&lt;select&gt;` 元素转变为一个带有搜索功能的交互式下拉框。通过结合jQuery的便捷性和这个插件的实用特性,我们可以创建出更加用户友好的...

    Jquery combo-select

    总结,jQuery combo-select是提升Web应用交互性的重要工具。通过理解其工作原理,熟练掌握使用方法,并结合项目需求进行定制扩展,我们可以创建出更加智能、便捷的用户界面,提高用户满意度。在不断发展的前端技术...

    Jquery获取Select标签的值

    本文详细介绍了如何使用 jQuery 来获取 Select 标签的值以及其他表单元素的操作方法。这些技术可以帮助开发者更高效地控制网页上的表单元素,并且为用户提供更加友好的交互体验。无论是简单的数据获取还是复杂的事件...

    jquery.selectlist.js

    总结,`jquery.selectlist.js`是一个优秀的Select下拉框优化工具,尤其在兼容性和交互性方面表现出色。虽然随着前端技术的发展,原生浏览器支持越来越好,但面对复杂的项目需求和旧环境的兼容问题,此类插件仍是一把...

    Jquery操作Select option整理

    本文档汇总了一系列关于如何使用jQuery来操作`&lt;select&gt;`元素及其`&lt;option&gt;`子元素的方法,旨在为前端开发者提供一个实用的参考指南。 #### 二、遍历和操作 `&lt;option&gt;` 元素 **1. 遍历并移除特定 `&lt;option&gt;`:** ```...

    Jquery操作select标签例子

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`&lt;select&gt;`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`&lt;select&gt;`元素,包括选择、更改选项,获取选中项的文本、值...

    jQuery下拉查询筛选插件Combo Select

    5. **易用性**:通过简单的jQuery选择器和方法调用即可实现,如`$('select').comboSelect()`,使得集成到现有项目中非常便捷。 ### 使用步骤 1. **引入资源**:首先在HTML文件中引入jQuery库和`Combo Select`插件...

    基于Jquery模拟Select,解决IE显示问题

    总结来说,基于Jquery模拟Select是一种有效应对IE浏览器显示问题的方法,通过自定义HTML结构和Jquery事件处理,我们可以创建出既美观又兼容的下拉列表。这种方法不仅可以解决样式控制的局限性,还能提供更丰富的功能...

    jQuery.Select.插件

    总结,jQuery.Select插件是提升`&lt;select&gt;`元素功能和用户体验的强大工具,它的易用性、灵活性和广泛的浏览器兼容性使其成为开发者的得力助手。通过掌握其使用方法和特性,开发者可以更高效地构建交互丰富的网页应用...

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

    总结来说,使用jQuery可以方便地将input文本框模拟成select选择框,实现与真实下拉框类似的功能。这主要通过动态操作DOM、添加事件监听器以及使用插件来完成。在实际项目中,根据具体需求选择合适的方法,并注重用户...

    jquery操作select大全

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

    下拉模糊查询 jQuery-select

    2. **高亮显示**:为了突出显示匹配部分,jQuery-select 可以自动对匹配到的关键字进行高亮,使用户更容易识别匹配项。 3. **多选支持**:如果下拉框支持多选,那么在模糊查询模式下,用户可以同时选取多个匹配的...

    前端项目-jquery-nice-select.zip

    总结,`jQuery Nice Select`插件是前端开发者优化用户体验的一个有力工具,通过简单几步操作,就能让原本平淡无奇的`&lt;select&gt;`元素焕然一新,提升界面的美观度和专业感。在实际开发中,我们应充分利用这类插件,提升...

Global site tag (gtag.js) - Google Analytics