Jquery操作select小结

每次操作select都要查资料,干脆总结一下。

为select设置placeholder

<select class="form-control selOP" placeholder="Pick Orchestration Plan"><option value="" disabled selected style='display:none;'>Pick Orchestration Plan</option><option value="Residential">Quad Play</option><option value="Residential West">Plan 1</option>
</select>

为Select添加事件,当选择其中一项时触发

$("#select_id").change(function(){//code...
});

jQuery获取Select选择的Text和Value:

var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
//var $(#testSelect option:selected').text();
var checkValue=$("#select_id").find("option:selected").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery设置Select选择的Text和Value:

$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ").val(4);                 //设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 

jQuery添加/删除Select的Option项:

$("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>");     //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove();        //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option 

遍历option和添加、移除option

function changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").length;if(shipping.value != "CA"){$("select[@name=ISHIPTYPE] option").each(function(){if($(this).val() == 111){$(this).remove();}});}else{$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));}
} 

清空下拉框

$("#sel").empty();
document.all.objSelect.options.length = 0; 

控制表单元素:

  • 文本框,文本区域:
    $("#txt").attr("value",'');//清空内容
    $("#txt").attr("value",'11');//填充内容 
  • 多选框checkbox:
    $("#chk1").attr("checked",'');//不打勾
    $("#chk2").attr("checked",true);//打勾
    if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
  • 单选组radio:
    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
  • 下拉框select:
    $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
    $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

转载于:https://www.cnblogs.com/JoannaQ/p/3715307.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251590.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第六讲:PrintClient工具的使用

一些简单命令&#xff1a; cp -rf 源目录 目的目录 chmod -R 777 文件名 motelist 查看节点路径 make telosb 编译代码 make telosb reinstall 下载但不编译 make telosb install 编译并且下载 make telosb install, 2 bsl,/dev/ttyUSB0 下载指定路径 java net.tinyos.tools.Li…

SQL Server

查看数据库服务器名称&#xff1a;tracert 192.168.10.01 转载于:https://www.cnblogs.com/hongwei2085/p/9174760.html

css --- 选择器

标签选择器 // 标签选择器是最简单的选择器, 它的命名只要和对应的HTML标签相同即可 h1 {font-size: 30px;color: #333; }类选择器 // 类选择器也称为class选择器,它的语法非常简单,在class名称前面加上一个"."符号 <div class"red content"></…

C++标准输入流、输出流以及文件流

1、流的控制 iomanip 在使用格式化I/O时应包含此头文件。 stdiostream 用于混合使用C和C 的I/O机制时&#xff0c;例如想将C程序转变为C程序 2、类继承关系 ios是抽象基类&#xff0c;由它派生出istream类和ostream类&#xff0c; iostream类支持输入输出操作&…

Hadoop学习笔记—8.Combiner与自定义Combiner

一、Combiner的出现背景 1.1 回顾Map阶段五大步骤 在第四篇博文《初识MapReduce》中&#xff0c;我们认识了MapReduce的八大步凑&#xff0c;其中在Map阶段总共五个步骤&#xff0c;如下图所示&#xff1a; 其中&#xff0c;step1.5是一个可选步骤&#xff0c;它就是我们今天需…

6-12mysql库的操作

1&#xff0c;mysql库的各种分类: nformation_schema&#xff1a; 虚拟库&#xff0c;不占用磁盘空间&#xff0c;存储的是数据库启动后的一些参数&#xff0c;如用户表信息、列信息、权限信息、字符信息等.  performance_schema&#xff1a; MySQL 5.5开始新增一个数据库&am…

css --- 行内框和内容区

css规定font-size的大小实际上是字体的高度 可以将内容区理解为font-size的大小. 行内高可以理解为 ( (line-height) - (font-size) ) /2 然后再font-size 的上下加上前面的值 看下面的例子 <p style"font-size:12px;line-height:12px;">this is text, <em&…

DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.Net2.0(ver 3.0.7Beta) 增加多语言!

英文名&#xff1a;DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0 中文名&#xff1a;DotNetTextBox V3.0 所见即所得编辑器控件 For Asp.Net2.0 类型: 免费控件(保留版权) 作者: 小宝.NET 2.0(Terry Deng) 主页&#xff1a;http://www.aspxcn.com.cn 控件演示页面: h…

phantomjs

npm 安装 phantomjs失败&#xff0c;解决办法是到http://phantomjs.org/download.html 下载需要的压缩包&#xff0c;然后放到%appData%\Local\Temp\phantomjs\下&#xff0c;重新执行npm i 转载于:https://www.cnblogs.com/tellme/p/7777626.html

js动态删除行错误

Uncaught TypeError: Failed to execute removeChild on Node: parameter 1 is not of type Node. js中出现如上错误&#xff0c;检查验证document.getElementById&#xff08;&#xff09;中的参数是否传递正确&#xff0c; 例&#xff1a; var textnumber parseInt(docume…

css --- 浮动元素与 块框/行内框重叠时的细节

块框,可以认为是块级元素(如div、h1)的内容区 内边距 行内框可以认为是行内元素(如span)的内容区 内边距 当 块级框/行内框 和一个浮动元素重叠时&#xff0c;行内框的边框、背景和内容都在幅度元素之上&#xff0c;块级框的边框和背景都在浮动元素的下面&#xff0c;但内容在…

Android 禁止Viewpager左右滑动功能

做项目要求某种情况下ViewPager不能滑动 百度后发现重写ViewPager&#xff0c;覆盖ViewPager的onInterceptTouchEvent(MotionEvent arg0)方法和onTouchEvent(MotionEvent arg0)方法&#xff0c;这两个方法的返回值都是boolean类型的&#xff0c;只需要将返回值改为false&#x…

error C1853: “Debug\BigBuffer.pch”预编译头文件来自编译器的早期版本,或者预编译头为 C++ 而在 C 中使用它(或相反)...

<pre id"best-content-1299104064" mb-10""" style"font-size: 14px; line-height: 28px; ">该错误是因为当项目中混合了 .cpp 和 .c 文件时&#xff0c;编译器会对它们采取不同的编译方式&#xff08;主要是因为对函数声明的处理方式…

6.13的练习

#&#xff01;Usr/bin/env python # -*- coding:utf-8 -*- # Author:Alex Li 一个整数&#xff0c;它加上100后是一个完全平方数&#xff0c;再加上268又是一个完全平方数&#xff0c;请问该数是多少&#xff1f;&#xff1a;for i in range(1,1000):for j in range(1,1000):i…

npm --- 包的发布与导入

安装好NODE后,下面演示如何编写一个包,并将其发布到NPM仓库中,最后通过NPM安装回本地. 以下例子是在windows*64环境下运行的. 1.编写模块 exports.sayHello function(){return Hello World; }将上述代码保存在hello.js中 2.初始化包描述文件: 使用npm init指令,快速生成包…

账号注册的form

class RegForm(forms.ModelForm):password forms.CharField(widgetforms.PasswordInput, label密码, min_length6) # 重写默认字段re_password forms.CharField(widgetforms.PasswordInput, label确认密码, min_length6) # 新增字段class Meta:model models.UserProfile …

servlet面试常考 (转载)

编辑 删除 1、说一说Servlet生命周期&#xff08;非常重要&#xff09; Servlet生命周期包括三部分&#xff1a; 初始化&#xff1a;Web容器加载servlet&#xff0c;调用init()方法…

XPath 的使用

XPath 的使用 XPath&#xff0c;全称XML Path Language&#xff0c;即XML路径语言&#xff0c;它是一门在XML文档中查找信息的语言&#xff0c;最初用于搜寻XML文档&#xff0c;但是也同样适用于HTML文档的搜索。前面我们在解析或抽取网页信息时&#xff0c;使用的是正则表达式…

Node --- EventProxy的原理

EventProxy来自于Backbone的事件模块,Backbone的事件模块是Model、View模块的基础功能&#xff0c;在前端有广泛的使用。它在每个非all事件触发时都会触发一次all事件&#xff0c;相关代码如下: // Trigger an event, firing all bound callbacks. Callbacks are passed the /…

spring项目启动执行特定方法

1. 方法上加注解PostConstructCompantpublic class InitDemo{ PostConstruct public void init(){ //项目启动就会执行这个方法 doSomething(); }}2.xml配置init-method<bean id"InitDemo" class"com.xxx.InitDemo" scope"singleton" init-me…