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 相关文章推荐
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
Jan 12 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
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中变量及部分适用方法
2008/03/27 PHP
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
js图片预加载示例
2014/04/30 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
BootStrap3使用错误记录及解决办法
2016/12/22 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
[01:13:46]iG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python 实现学生信息管理系统的示例
2020/11/28 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
党员公开承诺书范文
2014/03/25 职场文书
书香家庭事迹材料
2014/05/09 职场文书
贷款委托书
2014/08/01 职场文书
经理岗位职责范本
2015/04/15 职场文书
党员承诺书范文2015
2015/04/27 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
大学迎新生的欢迎词
2019/06/25 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript