2017-02-09 2 views
0

Я получаю варианты выпадающего списка с сервера, и я сохранил значение в переменной в javascript. Если параметры соответствуют значению, которое у меня есть, оно будет предварительно выбрано в раскрывающемся списке выбора. Ниже мой код.как выбрать параметры выпадающего списка, которые динамически генерируются?

Это, чтобы получить варианты выпадающего меню с сервера и добавить к выпадающему списку.

$.ajax({ 
     type: "GET", 
     url: '/enquiry/user', 
     dataSrc: "data", 
     dataType : 'json', 
     cache: false, 
     success: function(users){ 
      var mySelect = $('#assigned'); 
    $.each(users, function(index, options){ 
     console.log(options._id); 
     mySelect.append(
    $('<option></option>').val(options._id).html(options.firstName) 
); 
     // $('#assigned').append('<option value="'+users._id+'">'+users.firstName+'</option>'); 
    }); 

и здесь я имею значение в переменной f8 = document.getElementById('assigned');

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

И использование материализовать CSS

Html DropDown <select id="assigned"> <option value="">Change Assignee</option> </select>

+0

'mySelect.val ('whatever')' для установки значения выбора с помощью jquery –

+0

$ ("# assign"). Val (f8); просто добавьте имя выпадающего списка и имя переменной val введите – GSB

+0

Спасибо за ваш быстрый ответ, @GSB, эта строка «$ (« # присваивается »). val (f8);" должно быть написано после моего вызова ajax? правильно! – Manoj

ответ

1
$('#optionID').prop('selected',true) 

//to update material select component per materializecss doc 
$('#select').material_select('destroy') 
$('#select').material_select() 

работает скрипку here, хотя и не АЯКС запрос, но динамически генерируемые варианты

редактировать:

$('#select').append($('<option></option>').val(VALUE).html(HTML)) 
$('#select').val(SELECTED_VALUE) 
$('#select').material_select('destroy') 
$('#select').material_select() 
+0

Я дал id своим опциям вроде этого, это правильный путь «$ ('') .val (options.firstName) .id (options.firstName) .html (options.firstName)" – Manoj

+0

Это тоже работает, проверяет обновленный код ... хотя, по общему признанию, он ведет себя немного странно. edit: рабочая скрипка https://jsfiddle.net/ayetx8o3/ – pandamakes