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

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

根據字符串在模板文字中選擇一個選項

根據字符串在模板文字中選擇一個選項

拉莫斯之舞 2023-12-14 17:06:34
我正在創建一個管理面板。在此管理面板上,超級管理員將能夠編輯其他管理員的角色。在編輯屏幕上,我有一個下拉列表,其中包含管理員可以擁有的可用角色。我正在使用模板文字將此 HTML 注入到我自己設計的模式中。我的問題是,我不確定如何動態選擇包含數據庫中保存的管理員角色值的選項。例如,如果管理數據的 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>`
查看完整描述

1 回答

?
BIG陽

TA貢獻1859條經驗 獲得超6個贊

您可以使用三元運算符。


const adminData = {name: 'John Smith', role: 'admin'};


const str = `<select class="form-control" id="editRole">

  <option value="Editor" ${adminData.role === 'editor' ? 'selected' : ''}>Editor</option>

  <option value="admin" ${adminData.role === 'admin' ? 'selected' : ''}>Admin</option>

  <option value="Super Admin" ${adminData.role === 'super admin' ? 'selected' : ''}>Super Admin</option>

</select>`


查看完整回答
反對 回復 2023-12-14
  • 1 回答
  • 0 關注
  • 139 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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