jQuery中的select操作详解

2019-11-26,,,

下面给大介绍了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操作详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

您可能感兴趣的文章:

  • 获取select的value、text值的简单示例(jquery与javascript)
  • 浅析jQuery操作select控件的取值和设值
  • 基于jQuery的select下拉框选择触发事件实例分析
  • jQuery获取select选中的option的value值实现方法
  • jquery根据一个值来选中select下的option实例代码
  • JQuery动态添加Select的Option元素实现方法
  • jQuery为动态生成的select元素添加事件的方法
  • JS & JQuery 动态添加 select option
  • JS、jQuery中select的用法详解
  • jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
  • 浅析Jquery操作select

《jQuery中的select操作详解.doc》

下载本文的Word格式文档,以方便收藏与打印。