下载文档

Select下拉选择
更新时间:2016-03-09

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

依赖

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

JS对象

appcan.select(selector, callback)

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

例如

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代码

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

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

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