Jquery—JQuery对select的操作(01)
JQuery对select的操作是多方面的,不能穷尽的,在这里先总结一下工作过程中用到的一些操作,以后再遇到其它的关于JQuery对select的操作再做总结:
1、禁用select标签:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JQuery对select的操作——禁用select标签</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"/>
<script type="text/javascript" src="./jquery-1.6.2.js"></script>
</head>
<body>
<select id="flowerId" name="flowerName">
<option value="0">请选择</option> <option value="1" selected="selected">海棠花</option> <option value="2">梨花</option>
</select>
<script type="text/javascript">
$("#flowerId").attr("disabled","disabled");
</script>
</body>
</html>
2、选中特定option选项:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JQuery对select的操作——选中特定option选项</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"/>
<script type="text/javascript" src="./jquery-1.6.2.js"></script>
</head>
<body>
<select id="flowerId" name="flowerName">
<option value="0">请选择</option> <option value="1">海棠花</option> <option value="2">梨花</option>
</select>
<script type="text/javascript">
$("#flowerId ").val(1);
</script>
</body>
</html>
3、获取选中option的value值:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JQuery对select的操作——获取选中option的value值</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"/>
<script type="text/javascript" src="./jquery-1.6.2.js"></script>
</head>
<body>
<select id="flowerId" name="flowerName">
<option value="0">请选择</option> <option value="1">海棠花</option> <option value="2">梨花</option>
</select>
<input type="button" value="获取值" οnclick="javascript:getValue();">
<script type="text/javascript">
function getValue(){
alert($("#flowerId").val());
}
</script>
</body>
</html>
【以上Demo0分下载】
Jquery—JQuery对select的操作(01)相关推荐
- JQUERY对RADIO,CHECKBOX,SELECT的操作常用方法大全
JQUERY对RADIO,CHECKBOX,SELECT的操作 ******************************************************************** ...
- 【jq】JQuery对select的操作
下拉框 <select id="selectID" name="selectName"> <option vlaue="1" ...
- jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
- jQuery学习笔记之DOM操作、事件绑定(2)
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...
- JQuery属性、事件相关操作
JQuery属性相关操作 文章目录 JQuery属性相关操作 一.尺寸相关.滚动事件 1.获取和设置元素的尺寸 2.获取元素相对页面的绝对位置 3.获取浏览器可视区宽度高度 4.获取页面文档的宽度高度 ...
- jquery系列教程4-事件操作全解
点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动 ...
- select html默认选中的值,HTML/jquery中的select标签设置默认选中取值
一.jQuery中的select标签设置默认选中取值 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如 1.设置value为pxx的项选中 $(" ...
- jsp ajax动态添加数据,jquery Ajax实现Select动态添加数据
jquery Ajax实现Select动态添加数据,具体内容如下 1.背景 最近在工作中,遇到了一个关于select的问题.一般情况下,select下拉框中的数据都是固定的或者直接在jsp中读取列表值 ...
- php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值?(代码示例)...
本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...
- Jquery操作表单Select元素常用方法
Jquery操作表单Select元素的用法: jQuery获取Select元素,并选择的Text和Value: 实例分析: 1. $("#select_id").change(fu ...
最新文章
- wxWidgets搜索事件处理函数顺序
- linux父进程中显示子进程pid,请教linux下c语言函数fork父进程打印子进程的PID
- Java中Arrays.toString ()打印二维数组及Array数组的常用操作
- 《Detroit:Become Human》玩家情感故事背后的叙事魔法和体验设计
- 分布式离线计算—MapReduce—为什么被淘汰了?
- lightroom最新版本下载_pi最新版本下载教程
- jquery 点击事件
- 漫画:如何给女朋友解释什么是适配器模式?
- 云服务器里面安装虚拟服务器,云服务器里面安装虚拟服务器
- mysql 主命令总结
- Java类获取Spring容器的bean
- 内江计算机职业学校有哪些,内江第二计算机职业中学有哪些专业
- 计算机鼠标不灵活怎么办,鼠标左键不灵敏,教您鼠标左键不灵敏怎么办
- Postgresql之split_part()切割函数
- 如何获取腾讯视频的MP4播放地址及mp4文件,无需进行qlv转换mp4格式【亲测效果】
- python代码画乌龟_python画乌龟
- java基本类型val_Java的基本数据类型
- Windows安装TVM详细教程及报错提示
- mysql数据库cpu使用情况查询_数据库占用cpu较高的查询
- javaweb JAVA JSP自行车租赁系统(租赁系统)自行车租赁 汽车租赁 电车租赁系统 租借系统