jQueryDom——Select、Option

简介:
jQuery获取Select选择的Text和Value: 
语法解释:
 
 
  1. $("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发   
  2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text   
  3. var checkValue=$("#select_id").val();   //获取Select选择的Value   
  4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值  
  5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value:   
语法解释:
 
  1. $("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中   
  2. $("#select_id ").val(4);    //设置Select的Value值为4的项选中   
  3. $("#select_id option[text='jQuery']").attr("selected"true);    //设置Select的Text值为jQuery的项选中   
  4.  
  5.  
jQuery添加/删除Select的Option项:

语法解释:
 
  1. $("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)   
  2. $("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)   
  3. $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)   
  4. $("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)   
  5. $("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option   
  6. $("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option  
目录
相关文章
|
8月前
|
索引
不推荐SELECT * FROM table原因
根据非索引查询 :B+树的叶子节点放数据表行数据,叶子节点存放主键,如果想获得行数据信息,则需要再跑到主键索引去拿数据,这叫回表,速度慢。但不管是主键还是非主键索引,他们的叶子结点数据都是有序的。比如在主键索引中,这些数据是根据主键id的大小,从小到大,进行排序的。**1.**根据索引查询 :B+树的父节点放索引数据,速度快,叶子(父)节点会存放完整的行数据西信息。
350 0
|
8月前
|
存储 SQL 关系型数据库
1055 - Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column的解决办法
1055 - Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column的解决办法
88 0
|
9月前
|
数据库 索引
SELECT
SELECT
45 0
|
11月前
|
存储 前端开发 JavaScript
select2 使用详解
select2 使用详解
|
人机交互 Scala 开发者
使用Option的正确姿势
使用Option的正确姿势
|
SQL 关系型数据库 MySQL
【已解决】SELECT list is not in GROUP BY clause and contains nonaggregated column
MySQL5.7.5后only_full_group_by成为sql_mode的默认选项之一,这可能导致一些sql语句失效。
188 0
|
关系型数据库 MySQL 开发者
explain 之 select-type 和 table 介绍|学习笔记
快速学习 explain 之 select-type 和 table 介绍
734 0
|
SQL 关系型数据库 MySQL
Mysql报错: ERROR 1055 (42000): Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregate
Mysql报错: ERROR 1055 (42000): Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregate
198 0
|
存储 SQL 缓存
到底为什么不建议使用SELECT *?
“不要使用SELECT *”几乎已经成为了MySQL使用的一条金科玉律,就连《阿里Java开发手册》也明确表示不得使用`*`作为查询的字段列表,本文从4个方面给出理由。
到底为什么不建议使用SELECT *?
when click one item in table Select at least one column to perform the search
when click one item in table Select at least one column to perform the search
when click one item in table Select at least one column to perform the search