SBUx

<sbux-select></sbux-select>

<script>

   function evt_onchange(args){

       alert("항목 선택시 이벤트 :" + args);

   }

</script>

<sbux-select id="idxSelect_single" name="select_single" uitype="single"

                 style="width:150px;"

                 onchange="evt_onchange(select_single)">

   <option-item value="" selected>--선택--</option-item>

   <option-item value="red" style="color:red;" >Red</option-item>

   <option-item value="green">Green</option-item>

   <option-item value="blue">Blue</option-item>

</sbux-select>        

<script>

   var selectJsonData = [

       { text : "빨강"    , value : "red"       },

       { text : "주황"    , value : "orange"  },

       { text : "노랑"    , value : "yellow"   },

       { text : "초록"    , value : "green"    , selected : "selected"},

       { text : "파랑"    , value : "blue"     },

       { text : "남색"    , value : "navy"     },

       { text : "보라"    , value : "purple"  },

       { text : "금색"    , value : "gold"     },

       { text : "은색"    , value : "silver"   , style : "color:silver;"},

       { text : "검정"    , value : "black"    },                                        

       { text : "흰색"    , value : "white"    }

   ];                

</script>

<sbux-select id="idxSelect_json" name="select_json" uitype="single"

                jsondata-ref="selectJsonData"

                jsondata-text="text"

                jsondata-value="value"

                style="width:150px;"

                auto-unselected-text="true"

                onchange="evt_onchange(select_json)"></sbux-select>

<!-- checkbox 가 있는 select box -->

<sbux-select id="idxSelectChk_Json" name="selectchk_Json" uitype="checkbox"

                  jsondata-ref="selectJsonData"

                  jsondata-text="text"

                  jsondata-value="value"

                  title-select-max-count="3"

                  title-select-max-text="개 선택됨"

                  title-select-all-text="전체 선택됨"

                  is-select-all-option="true"

                  is-select-all-text="전체 선택"

                  storage-data="value"

                  scroll-style="min-height: 200px;"

                  style="width:150px;"

                  auto-unselected-text="true"

                  onchange="evt_onchange(selectchk_Json)">

</sbux-select>

<div id="sbArea"></div>

<script>

   var jsondata = [

       {text : 'input', value : 'iValue'},

       {text : 'picker', value : 'pValue'},

       {text : 'radio', value : 'rValue'},

       {text : 'select', value : 'sValue'}

   ];

   $(document).ready(function(){

       $('#sbArea').sbSelect({

           name : 'sbScriptNm',

           uitype : 'single',

           jsondataRef : 'jsondata'

       });

   });

</script>