select 的操作

2019独角兽企业重金招聘Python工程师标准>>>

每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

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

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

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

3、获取当前选中项的value

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

4、获取当前选中项的text

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

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

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

如：$(".selector1").change(function(){

// 先清空第二个

$(".selector2").empty();

// 实际的应用中，这里的option一般都是用循环生成多个了

var option = $("<option>").val(1).text("pxx");

$(".selector2").append(option);

});

转载于:https://my.oschina.net/u/2494395/blog/727462

select 的操作相关推荐

JQUERY对RADIO,CHECKBOX,SELECT的操作常用方法大全
JQUERY对RADIO,CHECKBOX,SELECT的操作 ******************************************************************** ...
数据库实验4 SQL语言-SELECT查询操作
数据库实验4 SQL语言-SELECT查询操作 1.首先按照第三章的jxgl数据库的模板创建jxgl数据库并插入数据: 创建数据库jxgl: create database jxgl; 创建相应的表: ...
数据库系统实验4：SQL——SELECT查询操作
数据库系统实验4:SQL语言--SELECT查询操作数据库系统实验4:SQL语言--SELECT查询操作实验环境实验内容步骤及过程首先按以下SQL语句创建测试用的jxgl数据库使用SQL语 ...
实验二 SQL 语言——SELECT 查询操作(第一部分)
SQL 语言--SELECT 查询操作实验目的: -了解查询的概念和方法:-掌握 SQL Server 集成管理器查询子窗口中执行 SELECT 操作的方法:-掌握 SELECT 语句在单表查询中的 ...
select标签操作 select2使用详解
select标签操作 select2使用详解官网: https://select2.github.io/examples.html 引用: <link href="~/Scripts ...
【jq】JQuery对select的操作
下拉框 <select id="selectID" name="selectName"> <option vlaue="1" ...
mysql中视图和表的区别及联系_MySQL中Update、select联用操作单表、多表，及视图与临时表的区别...
一.MySQL中使用从表A中取出数据来更新表B的内容例如:要update表data中的一些列属性,但是修改属性的内容来源是来自表chanpin.SQL语言中不要显示的出现select关键字 upda ...
【SQL语言——SELECT查询操作】
基于创建的数据库(包含读者.图书.借阅三张表),试用SQL的查询语句表达下列查询: 1.查询图书表中售价介于50元到70元之间的图书的全部信息 2.查询图书表中全部图书的最高售价.最低售价和平均售价. ...
jquery对select的操作详解
select的html标签如下:<select class="xxx" id="yyy"><option></option> ...

select 的操作

select 的操作相关推荐

最新文章

热门文章