第1517天:连动显示隐藏 select option(兼容ie/ff),在家健身(4)

星期日 阴 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 个仰卧起坐。

友吧今天

  • 装备分享页:增加类别连动。
  • 装备详细页的购买链接改成按钮,明显一点。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注