jquery select 选择器

落日映苍穹つ 2022-09-21 13:27 287阅读 0赞

<select id="aaa" class="bbb">  
<option value='1' selected='selected'>中国</option>  
<option value='2' class='ccc'>北京</option>  
<option value='3' class='dddd'>天津</option>  
</select>  
  
  
1、获取选中的select的value值  
 $('\#aaa').val();  
  
  
2、获取选中的select的文本值  
$('\#aaa').find("option:selected").text();  
$('\#aaa option:selected').text();  
  
  
3、获取当前选中的option的属性值  
$("\#aaa").find("option:selected").attr("class");    //获取id为aaa的元素被选中项的class  
  
  
4、给当前选中的option的某个属性赋值  
$("\#aaa").find("option:selected").attr("class"，"eee");      //给id为aaa的元素被选中项的class赋值为eee  
  
  
5、设置value为2的项选中  
$(".bbb").val(2);  
  
  
6、设置text为天津的项选中  
$("\#aaa").find("option\[text='天津'\]").attr("selected",true);  
$(".bbb").find("option\[text='天津'\]").attr("selected",true);  
  
  
7、为Select追加一个Option(下拉项)  
 $("\#aaa").append("<option value='4'>上海</option>");    
  
  
8、为Select插入一个Option(第一个位置)  
$("\#aaa").prepend("<option value='0'>请选择</option>");   
  
  
9、删除Select中Value='3'的Option  
$("\#aaa option\[value='3'\]").remove();    
  
  
10、删除Select中Text='北京'的Option  
$("\#aaa option\[text='北京'\]").remove();

发表评论取消回复

表情：

评论列表（有 0 条评论，287人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery选择器、jQuery关系选择器、jQuery伪选择器

一、jQuery选择器 1、父元素(向上遍历单一层级)：parent() 2、祖先元素：parents(selector) 3、子元素(向下遍历单一层级)：child

本是古典何须时尚/ 2023年10月07日 11:58/ 0 赞/ 13 阅读

相关 jquery select 选择器

<select id="aaa" class="bbb"> <option value='1' selected='selected'>中国</option> <opt

落日映苍穹つ/ 2022年09月21日 13:27/ 0 赞/ 288 阅读

相关 Jquery选择器操作select、checkbox、radio

每次需要操作一些select，checkbox、radio元素的时候，都还要在网上查一下。现在先做个小的总结。一：Jquery操作select： 1.判断select选项

淩亂°似流年/ 2022年07月13日 08:59/ 0 赞/ 237 阅读

相关 Jquery选择器-基本选择器

jquery作为我们常用前端工具之一，实际项目中常用的的选择器有id选择器(\id)、元素选择器(element)、样式选择器(.class)。 \id 概述:根据给定

秒速五厘米/ 2022年07月10日 05:58/ 0 赞/ 373 阅读

相关 selenium选择器select

![70][] [70]: /images/20220515/42d2924b0a2c4b22a435e9b13ec0b158.png

电玩女神/ 2022年05月14日 22:25/ 0 赞/ 216 阅读

相关 jQuery-jQuery选择器

jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择

雨点打透心脏的1/2处/ 2022年04月17日 07:05/ 0 赞/ 416 阅读

相关 Form-select选择器

1、基本使用 v-model：当前被选中的el-option的 value 属性值 label：显示标签 value：option值 change事件：选中值发生变化

川长思鸟来/ 2022年03月30日 17:42/ 0 赞/ 250 阅读

相关 Jquery 选择器

使用特殊操作符或“组合符”可以将简单选择器组合起来，表达文档树中元素之间的关系。下表列举了jQuery支持的组合选择器。这些组合选择器与CSS3支持的组合选择器是一样的。下

╰半橙微兮°/ 2021年10月08日 05:58/ 0 赞/ 484 阅读

相关 jQuery-选择器

[http://www.webhek.com/post/jquery-61-selector.html][http_www.webhek.com_post_jquery-61-

小鱼儿/ 2021年09月28日 10:46/ 0 赞/ 448 阅读

相关 jQuery 选择器

jQuery 选择器

╰半橙微兮°/ 2021年07月04日 14:22/ 0 赞/ 565 阅读