对于带有占位符的select2.js，我无法选择第一个项目

I have a <select> list that I'm styling with select2.js. For the most part everything works, however, when a placeholder is used, a user drops down the list, and then tries to select the first item in the list they are not able to. If the user selects any item other than the first item and then goes back and selects the first item that works fine. It's as if the first item is already selected (it is highlighted already) but not really (since the value of the list is empty and the placeholder is displayed).

我有一个

HTML

    <select id="selectBox"></select>

Binding JS

$("#selectBox").select2({
    placeholder: "Select an item",
    width: '267px' });

Populate JS

var showThings = function() {

    var $selectBox = $('#selectBox');

    $selectBox.empty();

    blah.executeRequest('getThings', function(result) {

            $(result.sort(SortByName)).each(function(index, user) {

                var asOption = [];

                asOption.push('<option value ="' + user['id'] + '">' +
                    user['name'] + '</option>');


                if (asOption.length > 0) {
                    $selectBox.append(asOption.join('\n'));
                }
            });
        }
    );
};

The "executeRequest" is just grabbing data from some Java code, populating the list works fine, but figured I'd include the code so that it could be seen where the list data is coming from.

“executeRequest”只是从一些Java代码中获取数据,填充列表工作正常,但我想包含代码,以便可以看到列表数据的来源。

If anyone has any ideas on this, or has experienced it and knows how to fix it, I'd be most appreciative.

如果有人对此有任何想法,或经历过它并知道如何解决它,我将非常感激。

Thanks,

Chris

1 个解决方案

#1

Before pushing "real" values, try adding an empty <option></option> to the beginning of your select element.

在推送“实际”值之前,请尝试将空

Update: I wrote a JSFiddle example for you.

更新:我为您编写了一个JSFiddle示例。

1 个解决方案

#1

更多相关文章

随机推荐