javascript - jquery 选择不显示数据占位符消息

Question

我正在使用来自 http://harvesthq.github.io/chosen/ 的插件对于我的选择。在准备好文档时，我向它添加一个空选项，然后调用 selected，但是它从不呈现数据占位符中定义的消息。我究竟做错了什么？我正在使用 asp.net webforms 并且下拉列表绑定(bind)在服务器上。下面是我的标记和我的 javascript

<asp:DropDownList ID="cbxLanguage" data-placeholder="choose a language..." CssClass="input-large chzn-select" DataTextField="Name" DataValueField="Id" runat="server" Width="210" required="Language required"></asp:DropDownList>

和我在准备好文档时调用的 javascript:

function pimpSelect(select, options) {
            var prepend = '';
            if (select.attr('data-placeholder')) {
                prepend = '<option></option>';
            }
            if (options) {
                options = prepend + options;
                select.empty().html(options);
            }
            else {
                select.prepend(prepend);
            }
            if (select.hasClass('chzn-select')) {
                var _width = select.css('width');
               select.chosen({ width: _width });
            }
        }

Answer 1

原因是您应该首先初始化一个空值选项。

<option value=""></option>

你的选择应该是这样的。

<select name="cbxLanguage" id="ContentPlaceHolder1_cbxLanguage" class="chzn-select" data-placeholder="choose a language..." required="Language required" style="width: 210px;">
  <option value=""></option>
  <option value="1">English</option>
  <option value="2">French</option>
  <option value="3">Spanish</option>
</select>

我不确定原因，但如果你查看那里的 chosen.js 示例，你可以找到它。

JSFIDDLE