# zui组件chosen使用问题

# 1.问题现象

在使用zui框架过程中,module的城市选择需要增加搜索功能

但是在数据填充之后,select的样式并没有显示出来

在一番排查之后,发现是组件的width为0 具体样式问题

# 2.解决办法

在初始化之后,修改select元素下面的宽度

代码如下:

  //组件初始化
  $('select.chosen-select').chosen({
    no_results_text: '没有找到',    // 当检索时没有找到匹配项时显示的提示文本
    disable_search_threshold: 10, // 10 个以下的选择项则不显示检索框
    search_contains: true         // 从任意位置开始检索
  });
  //设置元素的宽度
  $('select.chosen-select').css('width','100%')

# 3.运行代码

具体样式问题