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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
常规表格多表头查询示例
Feb 21 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
vue多次循环操作示例
Feb 08 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
vant实现购物车功能
Jun 29 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 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小型企业库存管理系统的设计与实现代码
2011/05/16 PHP
PHP7多线程搭建教程
2017/04/21 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
js计数器代码
2006/11/04 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
python中实现k-means聚类算法详解
2017/11/11 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
医大实习自我鉴定
2013/12/07 职场文书
销售工作岗位职责
2013/12/24 职场文书
校园演讲稿汇总
2014/05/21 职场文书
环境日宣传活动总结
2014/07/09 职场文书
公务员个人年终总结
2015/02/12 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
TensorFlow的自动求导原理分析
2021/05/26 Python