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 相关文章推荐
javascript hashtable实现代码
Oct 13 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
Vue.js 利用v-for中的index值实现隔行变色
Aug 01 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实现的简单数据库操作Model类
2016/11/16 PHP
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
vue2.0安装style/css loader的方法
2018/03/14 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
详解50行代码,Node爬虫练手项目
2019/04/22 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
Python基本数据类型详细介绍
2014/03/11 Python
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
Python中extend和append的区别讲解
2019/01/24 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
Python 存取npy格式数据实例
2020/07/01 Python
Html5新增标签有哪些
2017/04/13 HTML / CSS
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
物流管理专业职业生涯规划书
2014/01/06 职场文书
房地产营销策划方案
2014/02/08 职场文书
校园活动宣传方案
2014/03/28 职场文书
购房意向书
2014/04/01 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
趣味运动会简讯
2015/07/20 职场文书
团支部书记竞选稿
2015/11/21 职场文书