Как я могу установить значение DropDownList с помощью jQuery?

Question

Как следует из вопроса, как мне установить значение элемента управления DropDownList с помощью jQuery?

Answer 1

// Html формат выпадающего списка.

<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>

// Если вы хотите изменить выбранный элемент на test2, используя javascript. Попробуй это. // установить следующую опцию, которую вы хотите выбрать

var NewOprionValue = "Test2"

        var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
        var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
        $('#MyDropDownList').html(ChangeSelected);

Answer 2

Установить drop-down selected значение и обновить изменения

$("#PR2DistrictId option[value='@Model.PR2DistrictId']").attr("selected", true).trigger("chosen:updated")

Здесь мы сначала устанавливаем значение из Model, а затем обновляем его на выбранном

Answer 3

Вот функция, предназначенная для быстрой установки выбранной опции:

function SetSelected(elem, val){
        $('#'+elem+' option').each(function(i,d){
        //  console.log('searching match for '+ elem + '  ' + d.value + ' equal to '+ val);
            if($.trim(d.value).toLowerCase() == $.trim(val).toLowerCase()){
        //      console.log('found match for '+ elem + '  ' + d.value);
                $('#'+elem).prop('selectedIndex', i);
            }
        });
    }

Вызовите эту функцию с идентификатором элемента аргумента и выбранным значением; как это:

SetSelected('selectID','some option');

Это полезно, когда нужно установить множество опций выбора.

Answer 4

В случае, когда вы загружаете все <options ....></options> по Ajax, звоните
Для этого выполните следующие действия.

1). Создайте отдельный метод для заданного значения раскрывающегося списка
Например:

function set_ip_base_country(countryCode)
    $('#country').val(countryCode)
} 

2). Вызовите этот метод, когда успешный вызов ajax завершит задачу добавления html

Например:

success: function (doc) {
  .....
  .....
  $("#country").append('<option style="color:black;" value="' + key + '">'  +   value + '</option>')
  set_ip_base_country(ip_base_country)
}

Answer 5

Я думаю, что это может помочь:

    $.getJSON('<%= Url.Action("GetDepartment") %>', 
              { coDepartment: paramDepartment },
              function(data) {
                    $(".autoCompleteDepartment").empty();
                    $(".autoCompleteDepartment").append($("<option />").val(-1));
                    $.each(data, function() {
                        $(".autoCompleteDepartment").append($("<option />").val(this.CodDepartment).text(this.DepartmentName));
                    });
                    $(".autoCompleteDepartment").val(-1);                                       
              }  
             );

Если вы сделаете это, вы добавите элемент без текста. Поэтому, когда вы нажимаете de combo, оно не появляется, но значение -1, которое вы добавили, позже выбирается с помощью $ (". AutoCompleteDepartment"). Val (-1); Позволяет вам контролировать, если комбо имеет допустимое значение.

Надеюсь, это кому-нибудь поможет.

Извините за мой английский.