2011
Jan
03

網頁好讀版

使用Select預設功能,來進行多重資料選取的工具,輸出的畫面放成三個部分,上半部為搜尋功能,可以從尚未選擇的資料中進行搜尋,左半部為可以選的資料,右半部為已選擇的資料。

選單範例

UI使用說明

Example
  1.  
  2. <div id="text">
  3. </div>
  4. <script>
  5. var option=new Array(
  6. "1:0:日式牛排","2:0:酸醬牛排","3:0:牛肉麵","4:1:酸辣麵","5:0:雜醬麵",
  7. "6:0:清蒸魚","7:0:煎魚","8:1:白帶魚","9:0:牛小排","10:0:豬肉片",
  8. "11:0:地瓜葉","12:1:高麗菜","13:0:花耶菜","14:0:A菜","15:0:大陸妹",
  9. "16:0:西瓜","17:0:鳳梨","18:1:蓮霧","19:0:香蕉","20:0:綜合拼盤"
  10. );
  11. var a=new multipleSelect({parent: "text" ,option:option,name:"test"},{showCanSelect:"可選擇的菜單",showSelected:"已選擇的菜單"});
  12. a.create();
  13. </script>
  • 先將可以選擇的資料放進Array,資料格式「1:0:name」:第一個資料是指id,第二個資料是指是否已經選擇,1代表已選擇,0代表尚未選擇,第三個資料是物件名稱。
  • 再建立multipleSelect物件,指定要插入的HTML TAG(id名稱),並可修改語言。
  • 最後執行建立,xxx.create()。

網頁好讀版