预选多个选择框的选项，使用Materialize css FW不起作用

Question

我正在使用物化css框架。当我打印多个选择框（<select multiple>...）时，预先选择的选项（<option selected...>）将不会呈现。 然而，浏览器明白某些选项是预选的，所以当表单被引用时，它们会再次发送。还因为渲染问题，我无法用预先选择的选项或选择新的选项。

Normal Selectbox工作得很好。

Answer 1

您可以将onchange事件添加到字段并通过访问所有（li）子项来重置值。如果你仔细看。多重选择使用UL和一个文本字段进行值存储，并为li保留“Active”类。并追加这个代码后。材料选择，因为复选框后

你可以尝试在

function change_materialize_multiple_Select(id_of_select) 
{ 
    var newValuesArr = [], 
      select = $(id_of_select), 
      ul = select.prev(); 
     ul.children('li').toArray().forEach(function (li, i) { 
      if ($(li).hasClass('active')) { 
       newValuesArr.push(select.children('option').toArray()[i].value); 
      } 
     }); 
     select.val(newValuesArr); 
}