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 相关文章推荐
style、 currentStyle、 runtimeStyle区别分析
Aug 01 Javascript
两个Javascript小tip资料
Nov 23 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
May 27 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 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表单处理操作
2017/11/16 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
jquery图片延迟加载 前端开发技能必备系列
2012/06/18 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
vue实现购物车结算功能
2020/06/18 Javascript
python的类变量和成员变量用法实例教程
2014/08/25 Python
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
详解Python中的各种函数的使用
2015/05/24 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python实现学校管理系统
2018/01/11 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
处理Selenium3+python3定位鼠标悬停才显示的元素
2019/07/31 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
Python 实现一个计时器
2020/07/28 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
Java中实现多态的机制是什么?
2014/12/07 面试题
毕业研究生的自我鉴定
2013/11/30 职场文书
中专自我鉴定
2014/02/05 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
淘宝好评语大全
2014/05/05 职场文书
安全生产标语口号
2015/12/26 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
Win10 Anaconda安装python-pcl
2022/04/29 Servers