星期日 阴 23~31℃
连动显示隐藏 select option(兼容ie/ff)
jquery 对 option 的 hide/show,在 ie 下无效( 参考:option不是可绘制的DOM),想了个方法:
<select id="fieldid" onchange="checkCatigory(this.options[this.selectedIndex].value);">
<option value="-1">请选择</option>
<option value="301">羽毛球</option>
<option value="302">乒乓球</option>
<option value="303">篮球</option>
</select><select id="categoryid"></select>
<select id="category_hide" style="display:none;">
<option value="-1" title="0">请选择</option>
<option value="101" title="301">羽毛球拍</option>
<option value="102" title="301">羽毛球服</option>
<option value="201" title="302">乒乓球拍</option>
<option value="202" title="302">乒乓球鞋</option>
<option value="301" title="303">拍包</option>
<option value="302" title="303">护具</option>
</select><script type="text/javascript">
function checkCatigory(active) {
// ie 不支持 option hide/show,所以用了 category_hide 来作储存,连动时从其中复制出相应的 option
Q("#categoryid").empty();
Q("#category_hide option").each(function() {
if (this.title == 0 || this.title == active) {
Q(this).clone().appendTo(Q("#categoryid"));
}
})
}
</script>
在家健身(4)
- 50 个仰卧起坐;
- 左右手各两组单臂划(5 公斤哑铃,每组 20 下);
- 20 个俯卧撑;
- 再做 50 个仰卧起坐。
友吧今天
- 装备分享页:增加类别连动。
- 装备详细页的购买链接改成按钮,明显一点。
发表评论