amazeui 中select下拉框注意事项

使用amazeUI的下拉框,要注意以下几点问题:

1. select的option和原生select类似,默认选中第一项

  • data-am-select :可以设置一些下拉框的属性,也可以直接放个data-am-select(会显示默认设置)
    • btnWidth: null: 按钮宽度,默认为 200px

    • btnSize: null: 按钮尺寸,可选值为 xl|sm|lg|xl

    • btnStyle: 'default': 按钮样式,可选值为 primary|secondary|success|warning|danger

    • maxHeight: null: 列表最大高度

    • dropUp: 0: 是否为上拉,默认为 0 (false)

    • placeholder: 占位符,默认读取

      • 任何项都不添加selected属性,默认选中的是 第一项
      • 默认展示的 全部。
      • 注意: 此时第一项的option的value属性值 一定不能为空
          
      
      • option标签添加 selected属性,会选中该项。
        • 此时选中的是MPP存储。
          
      
      • 注意:option中的value属性并不支持为空,如果你把option的value属性设置为空的话,会出现其他情况
          
      
      

      2. 如果不想让第一项默认选中,就增加一个空的option作为第一个项

          
      

      3. 使用js/jq操作select的选中项无效?

      因为amazeui 中的select 组件,你在使用jq/js设置哪一项被选中的,需要浏览器重新渲染以下下拉框,否则即使选中项已经发生改变,页面上也不会及时的更新出来。

      解决方法:

      • 官网的做法是:判断浏览器是否支持自动渲染的插件,如果有不用你管,如果没有就手动渲染
        使用 JS 操作