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 相关文章推荐
用apply让javascript函数仅执行一次的代码
Jun 27 Javascript
js更优雅的兼容
Aug 12 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
vue 项目常用加载器及配置详解
Jan 22 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
微信小程序-API接口安全详解
Jul 16 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
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
Javascript简单实现可拖动的div
2013/10/22 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
js实现微信分享代码
2020/10/11 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
Python中使用Beautiful Soup库的超详细教程
2015/04/30 Python
Python中subprocess模块用法实例详解
2015/05/20 Python
python生成器表达式和列表解析
2016/03/10 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
Python实现上下文管理器的方法
2020/08/07 Python
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
介绍下static、final、abstract区别
2015/01/30 面试题
个人简历自我鉴定
2013/10/11 职场文书
4s客服专员岗位职责
2013/12/01 职场文书
中秋节超市促销方案
2014/01/30 职场文书
网站创业计划书
2014/04/30 职场文书
个人投资计划书
2014/05/01 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
2016年记者节感言
2015/12/08 职场文书
Python time库的时间时钟处理
2021/05/02 Python
vue+element ui实现锚点定位
2021/06/29 Vue.js
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers
Redis基本数据类型List常用操作命令
2022/06/01 Redis