之前写过一篇日志，《js操作option》，趁着这次系统重构，怎么看原来的实现方式都不爽。因为页面中使用了jQuery，于是就想用jQuery把原方法重写一下。因此也就有了本篇日志：jQuery操作option。
js清空option
之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。
empty()
删除匹配的元素集合中所有的子节点。
再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可：
$('#selectId').empty().append( $("<option>这里放默认值</option>") );
js动态创建option
之前的做法，是借用其中间函数，来实现遍历Ajax返回的json对象。并使用new Option来创建option.现在我使用如下方法处理
for(var i = 0,len = jsondata.length; i<len; i++){
$('#selectId').append($("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>"));
}
$('#selectId').append($("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>"));
}
省去了一个看着繁重的中间函数，还减少了代码。最主要的是维护起来清晰易懂。^_^