Select下拉选择

Select组件是根据AppCan 布局框架对select标签封装的HTML5代码片段，通过配合的样式，使开发者在界面中可以快速使用Select控件。

依赖

  • appcan.js
  • appcan.control.js
  • appcan.control.css

JS对象

appcan.select(selector, callback)
  1. selector  select的选择器，例如 .select、div或#id。可同时处理多个下拉按钮 
  2. callback  Select点击后的回调函数，告知select标签对应dom对象和选中的状态和选中的option的value

例如

HTML5代码

  1. <div class="select uba bc-border bc-text">
  2.   <div class="text">
  3.       请选择
  4.   </div>
  5.   <div class="icon"></div>
  6.   <select selectedindex="0">
  7.       <option value=0>选项一</option>
  8.       <option value=1>选项二</option>
  9.       <option value=2>选项三</option>
  10.       <option value=3>选项四</option>
  11.   </select>
  12. </div>

JS代码

appcan.select(".select",function(ele,value){
console.log(value);
});

手动触发change事件参考JS代码

    $('.select select').val('2');
    $('.select select').trigger('change');
});