小编use*_*624的帖子

使用select2.js我有一个下拉菜单,除了一件事情以外工作得很好:在加载时我无法点击下拉菜单中的第一个选项并将其显示为当前选择.单击第一个选项时,没有任何反应,如果下拉列表失去焦点,占位符将填充该框.如果选择了40个选项中的任何其他选项,则该值文本将显示在下拉框中,我可以在我的应用程序中使用该值.

选择了一个选项(第一个除外)并再次单击第一个选项,然后第一个选项值显示在框中,我可以毫无问题地使用它.此问题仅在加载时发生.

JS

$('.selectArea').select2({
        placeholder: 'Area #',
        allowClear: true,
        disabled: false
    });

我使用本地json文件填充了下拉列表:

$.getJSON('areaList.json', function(json) {
        for(i =  0; i < json.length; i++){
            $('<option>').attr('value', json[i].MGNT_AREA).text(json[i].MGNT_AREA).appendTo('.selectArea');
        }
    });

HTML

<select class="selectArea" style='width: 120px; font-family: Arial'></select>

我的目标是能够在下拉框中加载带占位符的页面,然后能够单击第一个选项并将其填充到框中,以便我可以将该值用于应用程序的其他部分.

任何帮助将不胜感激.