Невозможно установить значение выпадающего меню с помощью JQuery

Question

Я использую @ Html.DropDownListFor. У меня нет проблем с заполнением раскрывающегося списка, но я не могу установить выбранное значение с помощью JQuery. Вот упрощенная версия кода.

@{ 
var listItems = new List<ListItem> 
    { 
      new ListItem { Text = "Select Question", Value = "Select Question" }, 
new ListItem { Text = "test", Value = "test" } 
} 


<div class="row"> 
     @Html.LabelFor(m => m.SecurityQuestion, new { @class = "control-label" }) 
</div> 
<div class="row"> 
     @Html.DropDownListFor(m => m.SecurityQuestion, new SelectList(listItems, "Value", "Text"), new { id = "security", @class = "securityALLQuestion" }) 
</div> 
<div class="row"> 
     @Html.LabelFor(m => m.SecurityQuestion1, new { @class = "control-label" }) 
</div> 
<div class="row"> 
     @Html.DropDownListFor(m => m.SecurityQuestion1, new SelectList(listItems, "Value", "Text"), new {id="security1", @class="security" }) 
</div> 

И это моя функция Javascript для ее установки. Я беру все значения из раскрывающегося списка #security, а затем использую его для установки раскрывающегося списка # security1.

$('.security').on('change', function() { 
    var values = []; 
    var optionValues = []; 

    $('#security option').each(function() { 
     values.push($(this).attr('value')); 
    }); 

    for (var i = 0; i < values.length; i++) { 
     optionValues[i] = "<option value=\"" + values[i] + "\">" + values[i] + "</option>"; 
    } 

var temp ='test' 
$('#' + 'security1').html('').html(optionValues); 
$('#' + 'security1').val(temp); 
}) 

Значения значений [] и optionValues ​​[] соответствуют ожиданиям.

При проверке консоли я получаю значение temp, но предупреждение для всего оператора равно null. Я что-то упускаю?

Возможная проблема: Это потому, что я устанавливаю значение, а не текст для вопроса?

Answer 1

Там две вещи, необходимые для этой работы:

1. У вас есть действующий JQuery ссылку на выберите элемент
2. Значение, которое вы пытаетесь установить точно соответствует одному из содержащихся элементов опционных 'атрибут value.

Во-первых, убедитесь, что вы правильно выбираете элемент select. Используйте console.log для вывода значения $('#' + security1) в консоль разработчика вашего браузера. Кроме того, убедитесь, что переменная JavaScript, security1, существует и содержит соответствующий идентификатор, который вы ожидаете.

После того, как вы уверены, что ссылка на элемент jQuery хороша, просмотрите параметры в сгенерированном HTML-странице страницы (источник просмотра). Проверьте значение temp (возможно, заходите в консоль) и сравните его с атрибутами значений этих опций. Он должен соответствовать точно, или это не приведет к тому, что опция будет отмечена как выбранная.