我通過 EJS 生成了一個(gè)下拉列表，它將默認(rèn)selected 值設(shè)置為該公司當(dāng)前的管理員值。用戶應(yīng)該能夠取消選擇當(dāng)前管理員并選擇其他管理員，從而將當(dāng)前管理員刪除為公司管理員。但是，選擇另一個(gè)選項(xiàng)和/或按住 CTRL 鍵并單擊默認(rèn)選項(xiàng)不會(huì)取消選擇它，并且表單會(huì)發(fā)送默認(rèn)選項(xiàng)和任何其他可能選擇的選項(xiàng)。我是否錯(cuò)過了 selected 屬性的工作方式中的某些內(nèi)容？option<div id="adminDropdown"> <% if (companyAdmins) { %> <select name="chooseAdmins" id="chooseAdmins" form="updateCompany" multiple class="form-control"> <% for (let location of currentCompany.locations ) { %> <% for (let contact of location.contacts) { %> <option value="<%= contact.id %>" <%= contact.isCompanyAdmin ? 'selected' : '' %>><%= contact.firstName %> <%= contact.lastName %></option> <% } %> <% } %> </select> <span class="muted"><small>Hold `CTRL` to select multiple admins, or to deselect an admin.<br /> To add users to this list, first add them to their Location's "Contacts". </small></span> <% } else { %> <div class="alert alert-warning">Error loading admins data</div> <% } %></div>另外，檢查 chrome 中的元素，“選定的”元素；屬性在加載時(shí)正確顯示，但在單擊或 ctrl+單擊選項(xiàng)后不會(huì)消失，就像它應(yīng)該的那樣。
2 回答
慕工程0101907
TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊
我看到的問題是你沒有關(guān)閉 select 內(nèi)的第一個(gè) for 循環(huán)
<% for (let location of currentCompany.locations ) { %>
<% for (let contact of location.contacts) { %>
<option value="<%= contact.id %>" <%= contact.isCompanyAdmin ? 'selected' : '' %>><%= `${contact.firstName} ${contact.lastName}` %></option>
<% } %>
<% } %>
順便說一句，我認(rèn)為在 ejs 中使用字符串文字只會(huì)降低代碼的可讀性。
你可以保持簡單<%= contact.firstName %> <%= contact.lastName %>
長風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
我想到了：
問題是由于將 chooseAdmins 下拉列表中顯示的代碼復(fù)制到其下方的另一個(gè)類似下拉列表中而引起的，用戶可以在其中選擇新的默認(rèn)位置，但我沒有更新該位置name 或 id 屬性與新下拉列表的內(nèi)容相關(guān)。所以實(shí)際上并沒有出現(xiàn)錯(cuò)誤，body-parser 看到兩個(gè)具有相同名稱的 select 元素，因此它只是將兩個(gè)元素的選定值合并到一個(gè)數(shù)組中.
我學(xué)得越多，就越明白我理解的東西是多么的少。
- 2 回答
- 0 關(guān)注
- 170 瀏覽
添加回答
舉報(bào)
0/150
提交
取消