清單(select)是網頁常常使用到的元素,在AJAX功能當道之下的網頁,也不外乎是熱門元素之一。想動態去控制select的選項(option)雖然可透過jquery的選擇器進行,但是仍然不夠直覺,像是想「刪除值為XXX的選項」,可能會下「$('#myselect option[value="XXX"]').remove()」之類的作法,不過仍然相當不直覺。很慶幸找到一個讓使用者可以直覺得去控制select,像是$("#myselect").removeOption("XXX");就能輕鬆的移除值為XXX的選項了

select box manipulation提供了九個函式讓使用者使用

  1. addOption 增加選項
  2. ajaxAddOption 以Ajax方式增加選項
  3. removeOption 移除選項
  4. sortOptions 排序選項
  5. selectOptions 選取選項
  6. copyOptions 複製選項
  7. containsOption 檢查是否有同值的選項
  8. selectedValues 已被選取的值
  9. selectedOptions 已被選取的選項

由於官方的DEMO文件已相當詳細,我就不在此誤人子弟了。很高興此plugin使用MIT&GPL雙授權,所以可以安心服用=v=。

Select box manipulation備存檔案載點

低溫烘培 發表在 痞客邦 PIXNET 留言(0) 人氣()