jquery – 选择的数据占位符不会完全显示在列表框中

我有一个asp.net列表框,我正在使用 jquery chosen plugin.
数据占位符值似乎总是不能与列表框一起使用.
例如看到图像：

注意区域的列表框,它说“选择Re”,然后它停止…它相当随机看看列表框为城市工作正常.但是看国家的列表框应该说选择国家…但它显示选择国家..(缺少最后一个时期).我的listBox控件的asp.net标记是这样的：

<asp:ListBox ID="lbRegion" AutopostBack="true" runat="server" class="chosen-select"
             data-placeholder="Select Region..." SelectionMode="Multiple"
             OnSelectedindexChanged="lbRegion_OnSelectedindexChanged" ToolTip="Select Region...">
</asp:ListBox>

我已经尝试重新创建,等等,但是无济于事.是什么赋予了？

这是我的jquery,包括选择的类：

$(".chosen-select").chosen({
            search_contains: true,no_results_text: "Oops,nothing found!",allow_single_deselect: true
        });
        $('.chosen-container').css('width','200px');

解决方法

关于选择国家的问题转载于这里： http://jsfiddle.net/D3FUc/,我会深入搜索问题的原因.

我发现唯一的woraround是覆盖特定的容器类,如：

li.search-field {
    width: 100%;
}
li.search-field input.default {
    width: auto !important;
}

问题：https://github.com/harvesthq/chosen/issues/1162#issuecomment-30229366

演示：http://jsfiddle.net/D3FUc/1/