jQuery操作select的实例代码


Posted in Javascript onJune 14, 2012

select:

夺得2008年欧洲杯冠军的国家是: 
<select name="nation" id="nation"> 
<option value="">请选择</option> 
<option value="Germany">德国</option> 
<option value="France">法国</option> 
<option value="Italy">意大利</option> 
<option value="England">英国</option> 
<option value="Spain">西班牙</option> 
<option value="Greece">希腊</option> 
</select>

1、判断是否选择了国家。
if($("#nation").val()=="") { 
alert("请选择国家"); 
}

2、获取select中option项的个数。

$("#nation").find("option").length;

3、获取选中的option的值value和显示的文本text。

//获取选中项的值 
$("#nation").val(); 
//获取选中项显示的文本 
$("#nation").find("option:selected").text();

4、设置西班牙为选中项。

$("#nation").find("option[value='Spain']").attr("selected",true);

5、获取被选中的国家的索引,索引从0开始。

$("#nation").find("option:selected").index()

6、添加一个国家选项。
?

$("#nation").append("<option value='Ukraine'>乌克兰</option>");

7、删除一个国家选项。

//删除value="Italy"的选项 
$("#nation").find("option[value='Italy']").remove(); 
//删除索引为2的选项 
$("#nation").find("option[index=2]").remove();
Javascript 相关文章推荐
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
javascript 闭包疑问
Dec 30 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
Swiper自定义分页器使用详解
Dec 28 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 #Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 #Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 #Javascript
基于jQuery的360图片展示实现代码
Jun 14 #Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 #Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 #Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
Jun 11 #Javascript
You might like
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
如何使用PHP往windows中添加用户
2006/12/06 PHP
php5 图片验证码实现代码
2009/12/11 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
浅谈php://filter的妙用
2019/03/05 PHP
判断对象是否Window的实现代码
2012/01/10 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
AngularJS实现全选反选功能
2015/12/08 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
对pandas进行数据预处理的实例讲解
2018/04/20 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
Django密码存储策略分析
2020/01/09 Python
python判断是空的实例分享
2020/07/06 Python
什么是虚拟内存?虚拟内存有什么优势?
2016/02/09 面试题
会计专业的自荐信
2013/12/12 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
使用nginx动态转换图片大小生成缩略图
2021/03/31 Servers
解决MySQL添加新用户-ERROR 1045 (28000)的问题
2022/03/03 MySQL