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 相关文章推荐
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
JS实现的论坛Ajax打分效果完整实例
Oct 31 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
JavaScript中数组slice和splice的对比小结
Sep 22 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
关于定制FileField中的上传文件名称问题
Aug 22 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
Vue 项目代理设置的优化
Apr 17 Javascript
vuex state中的数组变化监听实例
Nov 06 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 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
yii框架中的Url生产问题小结
2012/01/16 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
详解参数传递四种形式
2015/07/21 Javascript
javascript中SetInterval与setTimeout的定时器用法
2015/08/24 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
给客户的道歉信
2014/01/13 职场文书
大二自我鉴定
2014/01/31 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
68行Python代码实现带难度升级的贪吃蛇
2022/01/18 Python