所选的数据占位符不会完全显示列表框

Question

我有一个asp.net列表框,我正在使用jquery选择的插件.数据占位符值似乎并不总是与列表框一起使用.例如,看图像:

请注意它的列表框显示Region"选择重新"然后它停止...它非常随机地查看工作正常的城市列表框.但是看看它应该说的国家的列表框,Select Country...但它显示Select Country..(缺少最后一个时期).我的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');

Answer 1

关于Select Country..转载的问题:http://jsfiddle.net/D3FUc/,我将深入探讨问题的原因.

我找到的唯一的事情是覆盖特定的容器类,如:

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/

Answer 2

我注意到页面上的每个列表框都被赋予了 class default。我并不是说这是一个明确的答案，但它是一种解决方法。只需将其添加到您的 jquery 中：

$(".default").css("width", "175px");

根据您的喜好使用宽度，在本例中我使用 175px。