jquery 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/PHPDOTAER/blog/308792

jquery SELECT 操作相关推荐

jQuery select操作控制方法小结
需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $( ...
jQuery Select操作大集合
jQuery获取Select选择的Text和Value: 语法解释: $("#select_id").change(function(){//code...}); //为 ...
jQuery对select操作(2)
jQuery对select操作 (2009-04-02 18:46:03) 转载标签: jquery select option 获取自定义属性 it 分类: javascript //遍历op ...
jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery中select操作 jquery中select操作函数和字段包括append.prepend.remove.fi ...
jq select 修改选中_「jquery select」jquery操作select(取值，设置选中） - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料一.基础取值问题例如 1.设置value为pxx的项选中 $(".sele ...
035——VUE中表单控件处理之使用vue控制select操作文字栏目列表
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html表格联动,html前端基础：table和select操作
html前端基础:table和select操作发布时间:2020-05-13 09:58:10 来源:亿速云阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
4、jquery表格操作
1.<html> 2.<head> 3.<title>jquery表格操作</title> 4.<script language="ja ...
jQuery 元素操作——遍历元素
jQuery 元素操作主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...

jquery SELECT 操作

jquery SELECT 操作相关推荐

最新文章

热门文章