亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 Materialize 在 Javascript (vanilla) 中刷新/更新選擇?

如何使用 Materialize 在 Javascript (vanilla) 中刷新/更新選擇?

Helenr 2021-06-22 17:05:24
我正在嘗試通過將 Javascript (vanilla) 與 Materialize 結合使用來更新選擇小部件中的選項。我猜它與“動態生成的選擇元素”有關,但我不確定該怎么做?根據Materialise,我可能需要考慮實施:“此外,您將需要單獨調用頁面生成的任何動態生成的選擇元素?!?. 不幸的是,我不確定(沒有找到)如何“動態生成選擇元素”來更新/刷新選擇小部件?這是我的相關代碼:HTML<!--Let browser know website is optimized for mobile--><meta name="viewport" content="width=device-width, initial-scale=1.0"/><!--Import Google Icon Font--><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><!-- Compiled and minified CSS --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><div class = "container">    <div class="row">      <div class="input-field col s3">        <button id = "btn" class="waves-effect waves-light btn-small"><i class="material-icons left">person_add</i>Add</button>      </div>      <div class="row">      <div class="input-field col s3">        <button id = "btnRemove" class="waves-effect waves-light btn-small"><i class="material-icons left">delete</i>Remove</button>      </div>    </div> <!-- CLOSE ROW -->    <div class="row">      <div>        <div style = "position:relative; top:-10px;" class="input-field col s6">          <select id="voteNoList" onchange="PersonInfo()" required>            <option value="">Vote Number?</option>            <!-- <?!= currListNo; ?>               -->            <option value="1">Option 1</option>            <option value="2">Option 2</option>            <option value="3">Option 3</option>          </select>        </div>      </div>    </div> <!-- CLOSE ROW --></div> <!-- CLOSE CONTAINER -->Javascript(原版)  //------------  // AUTO  //------------  // Select  document.addEventListener('DOMContentLoaded', function() {    var el = document.querySelectorAll('select');    var instances = M.FormSelect.init(el);  });  // Button - Add  document.getElementById("btn").addEventListener("click", PersonInfo);
查看完整描述

1 回答

?
開心每一天1111

TA貢獻1836條經驗 獲得超13個贊

顯然,我的情況的解決方案是M.FormSelect.init(selectList);returnCodePen中提供了帶有更新/解決方案的代碼。


查看完整回答
反對 回復 2021-06-24
  • 1 回答
  • 0 關注
  • 178 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號