多语言展示
当前在线:1114今日阅读:167今日分享:16

如何利用jQuery自带的方法获取下拉框某项值选中

jQuery中有用来扩展jQuery对象的方法jQuery.fn.extend,有这么一个场景:(1)生成一个下拉框(2)传入下拉框序号对象(3)让传入的对象元素被选中操作如下:
工具/原料
1

jQuery

2

eclipse

3

Tomcat7.x

4

jdk1.8

5

截图工具

6

浏览器

方法/步骤
1

第一步,新建静态页面extend.html,引入jQuery相关的js文件,如下图所示:

2

第二步,在元素内插入一个select元素,添加九个元素,如下图所示:

3

第三步,利用jQuery.fn.extend方法jQuery.fn.extend({    select:function(obj){        return this.each(function(){        $(obj).attr('selected',true);    });  } });如下图所示:

4

第四步,调用select方法,使select下拉框选中最后一个元素,$('#sel option').select(':last');如下图所示:

6

第六步,再次修改代码,让其选中第七个元素,$('#sel option').select(':nth-child(7)');如下图所示:

注意事项
1

注意jQuery 中的jQuery.fn.extend使用方法

2

注意jQuery中的选择器使用方法

推荐信息