博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery的select相关操作
阅读量:5144 次
发布时间:2019-06-13

本文共 842 字,大约阅读时间需要 2 分钟。

例:

 

1、设置value为pxx的项选中

     

$("#selector").val("pxx");

 

2、设置text为pxx的项选中

    

// 根据text来设置选中 $("#selector").find("option[text='pxx']").attr("selected",true);
// 根据value来设置选中 $("#selector").find("option[value='pxx']").attr("selected",true);

 

    这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

   注意IE8中要使用

 $(".selector").find("option:selected").val();

$("#selector").val();

 

4、获取当前选中项的text

   

注意IE8中要使用

 $(".selector").find("option:selected").text();

$("#selector").find("option:selected").text();

 

    这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

 

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jQuery中是非常简单的。

如:

$(".selector1").change(function(){     // 先清空第二个      $(".selector2").empty();     // 实际的应用中,这里的option一般都是用循环生成多个了      var option = $("

 

转载于:https://www.cnblogs.com/gmq-sh/p/6189368.html

你可能感兴趣的文章
指数与指数函数 错题
查看>>
ios多线程
查看>>
Error Running Git Empty git --version output:IDEA关联GitHub时出现这个错误
查看>>
Binary Apple Tree_ural1018_树状dp
查看>>
ecshop 后台分页功能
查看>>
sql server 多列转多行实现方法
查看>>
mybatis知识小计
查看>>
winfrom 多线程控制窗体 刷新子窗体控件 主窗体弹框时空对象
查看>>
AVPlayer缓存实现
查看>>
画图板中的画图工具的使用
查看>>
十九、全球经济政治社会一体化的总体发展趋势
查看>>
zoj 2229 Ride to School
查看>>
Merge k Sorted Lists
查看>>
jQuery 简介
查看>>
Python实现多元线性回归
查看>>
Jsq.java
查看>>
CSS单位PX、EM、REM、PT的区别
查看>>
unity出现Ignoring menu item NGUI because it is in no submenu!
查看>>
微信小程序星星评价
查看>>
eclipse查看、修改tomcat端口号!
查看>>