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 相关文章推荐
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
Jan 12 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
JS+CSS实现美化的下拉列表框效果
Aug 11 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
用VsCode编辑TypeScript的实现方法
May 07 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
PHP防止跨域提交表单
2013/11/01 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
JSONP跨域请求实例详解
2016/07/04 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
Redux实现组合计数器的示例代码
2018/07/04 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Python中的两个内置模块介绍
2015/04/05 Python
python交互式图形编程实例(二)
2017/11/17 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
python实现最大优先队列
2019/08/29 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
努比亚手机官网:nubia
2016/10/06 全球购物
个人自荐信
2013/12/05 职场文书
技能比赛获奖感言
2014/02/14 职场文书
军训教官感言
2014/03/02 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
关于安全的演讲稿
2014/05/09 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
学校运动会开幕词
2016/03/03 职场文书