jQuery技术

jQuery 操作option

字号+ 作者:H5之家 来源:H5之家 2016-01-14 17:27 我要评论( )

之前写过一篇日志,《js操作option》,趁着这次系统重构,怎么看原来的实现方式都不爽。因为页面中使用了jQuery,于是就想用jQuery把原方法重写一下。因此也就有

    之前写过一篇日志,《js操作option》,趁着这次系统重构,怎么看原来的实现方式都不爽。因为页面中使用了jQuery,于是就想用jQuery把原方法重写一下。因此也就有了本篇日志:jQuery操作option。

js清空option

之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。现在使用jQuery来实现,我们只需要调用其支持的empty方法即可。

empty()

删除匹配的元素集合中所有的子节点。

再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可:

$..

js动态创建option

之前的做法,是借用其中间函数,来实现遍历Ajax返回的json对象。并使用new Option来创建option.现在我使用如下方法处理

i len
      $.jsondatajsondata
}

省去了一个看着繁重的中间函数,还减少了代码。最主要的是维护起来清晰易懂。^_^

觉得文章有用?立即: 和朋友一起 共学习 共进步!

建议继续学习: 程序员的手机壳:

1、“Always Awesome”,生活总有欢乐抑或悲伤,没关系,总有办法的:sad.stop() && beAwesome()。
戳:购买地址

2、“Bug黑洞”,上线前拜一拜,Bug全进黑洞。
戳:购买地址

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
r