如何在 EJS 中循环选项而不重复这样的'selected'？

Question

如何在EJS中循环选项，而不是重复选择每个大小的选项?如果我增加了更多的大小，则必须重新编写else If语句

<% if (size == "s") {%>
<options value="s" selected>Small</options>
<options value="m">Medium</options>
<options value="l">Large</options>
<% } else if (size == "m") {%>
<options value="s">Small</options>
<options value="m" selected >Medium</options>
<options value="l">Large</options>
<% } else if (size == "l") {%>
<options value="s">Small</options>
<options value="m">Medium</options>
<options value="l" selected >Large</options>
<% } %>

Answer 1

使用tenary操作符

更多信息在这里>>https://www.javascripttutorial.net/javascript-ternary-operator/

<options value="s" <%= size == "s" ? "selected" : ""; %>>Small</options>
<options value="m" <%= size == "m" ? "selected" : ""; %>>Medium</options>
<options value="l" <%= size == "l" ? "selected" : ""; %>>Large</options>