Как изменить выбранное значение раскрывающегося списка select2 с помощью JqGrid?

смотреть на!--5-->select2 docs использовать НИЖЕ, чтобы получить/установить значение.

$("#select").select2("val"); //get the value
$("#select").select2("val", "CA"); //set the value

@PanPipes указал, что это изменилось на 4.x (пойдите, бросьте ему upvote ниже). val теперь называется напрямую

$("#select").val("CA");

внутри loadComplete из jqGrid вы можете получить любое значение, которое вы ищете, а затем установить значение selectbox.

обратите внимание на документы

обратите внимание, что для использования этого метод необходимо определить функция initSelection в Select2 умеет преобразуйте идентификатор объекта, который вы передаете в val (), в полный объект необходимо сделать выбор. Если вы присоединяетесь к элементу select эта функция уже предусмотрена для вас.

this.$("#yourSelector").select2("data", { id: 1, text: "Some Text" });

это должно помочь.

Это должно быть даже проще.

$("#e1").select2("val", ["View" ,"Modify"]);

но убедитесь, что значения, которые вы передаете, уже присутствуют в HTMl

просто хотел добавить второй ответ. Если у вас есть уже отображается select как select2, вам нужно будет отразить это в селекторе следующим образом:

$("#s2id_originalSelectId").select2("val", "value to select");

если вы хотите добавить новый value='newValue' и text='newLabel', вы должны добавить этот код:

1. добавить новую опцию в <select>:

   var opt = "<option value='newValue' selected ='selected'>" + newLabel+ " </option>";
   $(selLocationID).html(opt);
   

2. триггер <select> изменить на выбранное значение:

   $(selLocationID).val('newValue').trigger("change");
   

у вас есть два варианта-как состояния ответа @PanPipes вы можете сделать следующее.

$(element).val(val).trigger('change');

это приемлемое решение, только если к событию изменения не привязаны пользовательские действия. Решение, которое я использую в этой ситуации, - вызвать определенное событие select2, которое обновляет отображаемый выбор select2.

$(element).val(val).trigger('change.select2');

проблемы с параметр строку выбрать в select2:

с опцией:" option string1 /option " используется:

$('#select').val("string1").change(); 

но с опцией со значением: значение опции" E " string1 / option:

$('#select').val("E").change(); // you must enter the Value instead of the string

надеется, что это поможет кому-то бороться с той же проблемой.

Если вы хотите выбрать одно значение, используйте $('#select').val(1).change()

Если вы хотите выбрать несколько значений, установите значение в массиве, чтобы вы могли использовать этот код $('#select').val([1,2,3]).change()

для V4 Select2, если вы хотите изменить как значение select2, так и текстовое представление раскрывающегося списка.

var intValueOfFruit = 1;
var selectOption = new Option("Fruit", intValueOfFruit, true, true);
$('#select').append(selectOption).trigger('change');

это установит не только значение за кулисами, но и текстовое отображение для select2.

вытащил из https://select2.github.io/announcements-4.0.html#removed-methods

мой ожидаемый код :

$('#my-select').val('').change();

отлично работает благодаря @PanPipes для полезного.

этого

 $('select#id').val(selectYear).select2();

Если у вас есть источник данных ajax, пожалуйста, обратитесь к этому для ошибок бесплатно

https://select2.org/programmatic-control/add-select-clear-items

/ / настройка элемента управления Select2

$('#mySelect2').select2({
    ajax: {
        url: '/api/students'
    }
});

// извлечение выбранного элемента, и добавить в управление

var studentSelect = $('#mySelect2');
$.ajax({
    type: 'GET',
    url: '/api/students/s/' + studentId
}).then(function (data) {
    // create the option and append to Select2
    var option = new Option(data.full_name, data.id, true, true);
    studentSelect.append(option).trigger('change');

    // manually trigger the `select2:select` event
    studentSelect.trigger({
        type: 'select2:select',
        params: {
            data: data
        }
    });
});

// Set up the Select2 control
$('#mySelect2').select2({
    ajax: {
        url: '/api/students'
    }
});

// Fetch the preselected item, and add to the control
var studentSelect = $('#mySelect2');
$.ajax({
    type: 'GET',
    url: '/api/students/s/' + studentId
}).then(function (data) {
    // create the option and append to Select2
    var option = new Option(data.full_name, data.id, true, true);
    studentSelect.append(option).trigger('change');

    // manually trigger the `select2:select` event
    studentSelect.trigger({
        type: 'select2:select',
        params: {
            data: data
        }
    });
});

шрифт : выберите 2 документации