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 相关文章推荐
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
vue实现随机验证码功能的实例代码
Apr 30 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
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
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
javascript实现日历效果
2019/06/17 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
200行自定义python异步非阻塞Web框架
2017/03/15 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
python的常用模块之collections模块详解
2018/12/06 Python
python学生管理系统学习笔记
2019/03/19 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
Python 解决相对路径问题:&quot;No such file or directory&quot;
2020/06/05 Python
详细分析Python垃圾回收机制
2020/07/01 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
Python+unittest+requests 接口自动化测试框架搭建教程
2020/10/09 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
GWT都有什么特性
2016/12/02 面试题
大学毕业感言一句话
2014/02/06 职场文书
五好党支部事迹材料
2014/02/06 职场文书
财产公证书样本
2014/04/04 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
门球健将观后感
2015/06/16 职场文书
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python