我正在創(chuàng)建一個管理面板。在此管理面板上,超級管理員將能夠編輯其他管理員的角色。在編輯屏幕上,我有一個下拉列表,其中包含管理員可以擁有的可用角色。我正在使用模板文字將此 HTML 注入到我自己設(shè)計的模式中。我的問題是,我不確定如何動態(tài)選擇包含數(shù)據(jù)庫中保存的管理員角色值的選項。例如,如果管理數(shù)據(jù)的 JSON 是這樣的,{ name: John Smith, role: admin }我如何在模板文字中自動選擇它:`<select class="form-control" id="editRole"> <option value="Editor">Editor</option> <option value="admin">Admin</option> <option value="Super Admin">Super Admin</option> </select>`我嘗試了這樣的方法,但似乎不起作用:const adminData = {name: John Smith, role: admin};`<select class="form-control" id="editRole">${document.querySelector('option[value*="${adminData.role}"]').selected = true}<option value="Editor">Editor</option> <option value="admin">Admin</option> <option value="Super Admin">Super Admin</option></select>`
根據(jù)字符串在模板文字中選擇一個選項
拉莫斯之舞
2023-12-14 17:06:34