第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

根據(jù)字符串在模板文字中選擇一個選項

根據(jù)字符串在模板文字中選擇一個選項

拉莫斯之舞 2023-12-14 17:06:34
我正在創(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>`
查看完整描述

1 回答

?
BIG陽

TA貢獻1859條經(jīng)驗 獲得超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>`


查看完整回答
反對 回復(fù) 2023-12-14
  • 1 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號