使用 select2 中的選項文本（不使用值）選擇下拉列表

Question

我有如下使用 select2 的下拉列表：

<select class=".select2" id="sel">
    <option  value="1">Some Text</option>
    <option   value="2">Other Text</option>
     <option  value="3">best Text</option>
</select>

我需要將默認選擇作為特定選項，假設它是第二個選項，所以我執行以下操作：

$("#sel").select2("val","2");

它工作正常。 我需要的是我只想通過使用文本值來選擇選項，即類似的東西

 $("#sel").select2("text","Other Text");

請檢查小提琴： FIDDLE

請指導我如何在不使用價值和僅選項文本的情況下實現這一目標？

Answer 1

要觸發值的更改，請將.trigger("change")附加到您的腳本中，如下所示。

JSFIDDLE 演示

$("#sel option:contains(Other Text)").attr('selected', true).trigger("change");

或者只是附加.change()

JSFIDDLE 演示 2

$("#sel option:contains(Other Text)").attr('selected', true).change();

Answer 2

$(function () {
var selectedText = 'Other Text';
    $('#sel option').map(function () {
        if ($(this).text() == selectedText) return this;
    }).attr('selected', 'selected');
});

Answer 3

您可以使用 MVC 模型變量字符串更改值

function changeunloadingArea()
{
let $element = $("#unloadingareaselectlists");
let val = $element.find("option:contains(@Model.UnloadingArea)").val();
$element.val(val).trigger('change.select2');

};

`