jQuery中的select操作详解

 更新时间:2016年11月29日 14:01:16   作者:细水长流lwj  
这篇文章主要介绍了jQuery中的select操作详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示:

select的html标签如下:

<select class="xxx" id="yyy"><option></option>...<option></option></select>

1.设置value为“lll”的option选中

$('#yyy').val("lll");或者$('.xxx').val("lll")

可用于让select自动选中某一项,例如选中从后台传来的值和option的value相同的项

2.设置text为“lll”的option选中

$('#yyy').find("option[text="lll"]").attr("selected","selected");或者$('。xxx').find("option[text="lll"]").attr("selected","true");

3.获取当前选中项的值

$('#yyy').val();或者$('.xxx').val();

4.获取当前选中项的text

$('#yyy').find("option:selected").text()或者$('#yyy option:selected').text()

以上所述是小编给大家介绍的jQuery中的select操作详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • jQuery拖拽插件gridster使用指南

    jQuery拖拽插件gridster使用指南

    gridster.js是一款基于jquery的前端拖拽插件,效果相当的不错,大家可以先看看Demo(http://gridster.net/#intro)(蓝色部分的白块就是了,可以随便拖动,娱乐性很强)。
    2015-04-04
  • jquery实现图片自动轮播效果

    jquery实现图片自动轮播效果

    这篇文章主要为大家详细介绍了jquery实现图片自动轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())

    详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())

    这篇文章主要介绍了详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jQuery聚合函数实例

    jQuery聚合函数实例

    这篇文章主要介绍了jQuery聚合函数,实例分析了jQuery中聚合函数的使用方法,需要的朋友可以参考下
    2015-05-05
  • jquery mobile事件多次绑定示例代码

    jquery mobile事件多次绑定示例代码

    这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,感兴趣的朋友可以了解下
    2013-09-09
  • jquery在IE、FF浏览器的差别详细探讨

    jquery在IE、FF浏览器的差别详细探讨

    jquery在IE,FF浏览器差别的问题,在FF的效果很好,但是在IE上面没有效果,当时也没有在意,通过今天的练习发现,“是不是对于一些自定义的js,IE的兼容性不是太好呢
    2013-04-04
  • jQuery.position()方法获取不到值的安全替换方法

    jQuery.position()方法获取不到值的安全替换方法

    这篇文章主要介绍了jQuery.position()方法获取不到值的安全替换方法,本文给出了一种变通的方法,用.offset()来换算,需要的朋友可以参考下
    2015-03-03
  • jQuery代码性能优化的10种方法

    jQuery代码性能优化的10种方法

    之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架,使节点选择和DOM操作变得越来越容易,如果使用不当,有可能影响整个网页的响应速度。
    2016-06-06
  • Javascript 验证上传图片大小[客户端]

    Javascript 验证上传图片大小[客户端]

    在做上传图片的时候,如果不限制上传图片大小,后果非常的严重。那么我们怎样才可以解决一个棘手的问题呢?
    2009-08-08
  • Web开发者必备的12款超赞jQuery插件

    Web开发者必备的12款超赞jQuery插件

    jQuery插件能够增强网站的可用性,有效地改善用户体验,还可以大大减少创建一个新站点的开发时间。
    2010-12-12

最新评论