預選多個選擇框的選項，使用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); 
}