Select2 默认不选择第一项

Question

我正在使用此代码

在 ASP.Net 页面中填充下拉列表

var xhttp

        xhttp = new XMLHttpRequest();
        xhttp.open("GET", "../XMLHttp/XMLHttp_GetRDRegions.aspx?RDDivision=" + encodeURIComponent(document.getElementById('ddlRDDivisions').value), false);
        xhttp.send();

        document.getElementById('ddlRDRegions').options.length = 0;
        document.getElementById('ddlRDCentres').options.length = 0;
        document.getElementById('ddlRMNames').options.length = 0;

        var ddlRDRegions = document.getElementById('ddlRDRegions');
        var element = document.createElement('option');
        element.text = '--- Please Select an item ---'
        element.value = '0'
        ddlRDRegions.options.add(element);

当不使用 Select 时，我添加的新元素是列表中第一个选定的项目，但是在 javascript 中应用 Select2 时也是如此。

$('select').select2();

该元素位于列表顶部，但不是所选元素。

我试过创建这样的属性

var att = document.createAttribute("selected");
att.value = "selected";
element.setAttribute(att)

这会引发错误，而这个

$(element).attr("selected", "selected")

什么都不做。

对于我出错的地方的任何和所有帮助将不胜感激。

Answer 1

对于属性('selected', 'selected');您需要将其添加到您的选项标签中。

为此 $('#ddlRDRegions').val('0');

$('#test').on('click', function(){
 $("#font_family").val('arial');
});
$('#test2').on('click', function(){
 $("#heltest").attr('selected', 'selected');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="font_family" class="form-control" name="font_family">
<option value="0">---Select Font---</option>
<option value="tnr">Times New Roman</option>
<option id='heltest' value="helvetica">Helvetica</option>
<option value="verdana">Verdana</option>
<option value="arial">Arial</option>
</select>
<button id='test'>Click Me For Arial</button>
<button id='test2'>Click Me For Helvetica</button>

Answer 2

我现在找到了一点都不明显的答案...

$(ddlRDRegions ).select2().select2('val','ddlRDRegions.selectedindex')

Select2 默认不选择第一项

Select2 not selecting first item as default

javascript

jquery