Question

我从服务器获取选择下拉选项，并且我已在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中的值与选项匹配，则应该预先选择该选项。

我使用materialize CSS

Html下拉列表 <select id="assigned"> <option value="">Change Assignee</option> </select>

Answer 1

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

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

工作小提琴here，虽然不是ajax请求，但是动态生成的选项

编辑：

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

如何预先选择动态生成的下拉选项？

1 个答案: