【jq】JQuery对select的操作
下拉框
<select id="selectID" name="selectName">
<option vlaue="1">1</option>
<option vlaue="2">2</option>
<option vlaue="3">3</option>
</select>
(一)JQuery对select的操作
// 获取select本身属性name的值
console.log($("#selectID").prop("name"));
(二)JQuery对select option的操作
//选择更改事件
$("#selectID").change(function(){ selectChangeFunCode; });
//获取属性值
//获取下拉框选中项的text属性值
var selectText = $("#selectID").find("option:selected").text();
console.log(selectText);
//获取下拉框选中项的value属性值 ①
var selectValue = $("#selectID").val();
console.log(selectValue);
//获取下拉框选中项的index属性值
var selectIndex = $("#selectID").get(0).selectedIndex;
console.log(selectIndex);
////获取下拉框最大的index属性值
var selectMaxIndex = $("#selectID option:last").attr("index");
console.log(selectMaxIndex);
//获取文本值
//获取下拉框选中项的 文本内容 ②
var selectHtml = $("#selectID").find("option:selected").html();
console.log(selectHtml );
要更改 下拉框其中一个option,需要同时操作①②
$("#selectID").get(0).selectedIndex = 5;
//设置下拉框value属性为4的选项 选中
$("#selectID").val(4);
//设置下拉框text属性为5的选项 选中
$("#selectID option[text=5]").attr("selected", "selected");
$("#selectID").append("<option value='7'>7</option>");
//在下拉框最前添加一个选项
$("#selectID").prepend("<option value='0'>0</option>")
//移除下拉框最后一个选项
$("#selectID option:last").remove();
//移除下拉框 index属性为1的选项
$("#selectID option[index=1]").remove();
//移除下拉框 value属性为4的选项
$("#selectID option[value=4]").remove();
//移除下拉框 text属性为5的选项
$("#selectID option[text=5]").remove();
【jq】JQuery对select的操作的更多相关文章
- Jquery对select的操作(附日历天数变化代码)
转载请注明出处. 逃不开传统的四种操作:增.删.改.查. <四处搜刮了jquery对select操作的代码,汇集一下,方便以后查看.日历天数变化代码为原创.> [增]: $("# ...
- jQuery关于Select的操作
jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selec ...
- jQuery的select相关操作
例: <select class="selector" id="selector"></select> 1.设置value为pxx的项选 ...
- jQuery select的操作代码
jQuery對select的操作的实际应用代码. //改變時的事件 复制代码代码如下: $("#testSelect").change(function(){ //事件發生 j ...
- jQuery对Select操作大集合
介绍了jQuery对Select的操作进行了详细的汇总. 1.jQuery添加/删除Select的Option项: 2.$("#select_id").append("& ...
- JQuery 对 Select option 的操作---转载
<select id="selectID" > <option value="1">1</option> <optio ...
- jquery获得select option的值和对select option的操作
<body> <select name="month" id="selMonth" onchange="set()"> ...
- jquery select 常用操作总结
由于在项目各种所需,经常碰到select不种操作的要求,今天特意总结了一下,分享: jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id&q ...
- jquery获得select option的值 和对select option的操作
jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Se ...
随机推荐
- 阿里云短信服务Java版
短信服务管理平台 https://dysms.console.aliyun.com/dysms.htm java短信发送API https://help.aliyun.com/document_ ...
- web service概念、架构及相关知识
原文:http://blog.csdn.net/liu_shi_jun/article/details/51121597 一.WebService的定义 WebService有好几种定义: W3C组织 ...
- Redis redis-trib集群配置
redis文档:http://doc.redisfans.com/ 参考:https://www.cnblogs.com/wuxl360/p/5920330.html http://www.cnblo ...
- CCSUOJ评测系统——第二次scrum冲刺
1.小组成员 舒 溢 许嘉荣 唐 浩 黄欣欣 廖帅元 2.第二次冲刺任务安排 对HUSTOJ数据库进行分析 序号 表名 作用 备注 1 compileinfo 记录编译错误的记录 2 contest ...
- 12 tensorflow实战:修改三维tensor矩阵的某个剖面
# -*- coding: utf-8 -*- """ Created on Mon Apr 22 21:02:02 2019 @author: a "&quo ...
- 向服务器post或者get数据返回
#region 向服务器端Get值返回 /// <summary> /// 向服务器端Get返回 /// </summary> ///<see cref="Au ...
- Script" References MACLEAN‘s post Speed up the index creation.
alter session set workarea_size_policy=MANUAL; alter session set db_file_multiblock_read_count=512; ...
- iOS中block类型大全
iOS中block类型大全 typedef的block 作为属性的block 作为变量的block 作为方法变量入参的block 作为方法参数的block 无名block 内联函数的block 递归调 ...
- 基于scrapyd爬虫发布总结
一.版本情况 python以丰富的三方类库取得了众多程序员的认可,但也因此带来了众多的类库版本问题,本文总结的内容是基于最新的类库版本. 1.scrapy版本:1.1.0 D:\python\Spid ...
- php面试题2018
一 .PHP基础部分 1.PHP语言的一大优势是跨平台,什么是跨平台? PHP的运行环境最优搭配为Apache+MySQL+PHP,此运行环境可以在不同操作系统(例如windows.Linux等)上配 ...