EJS的HTML选择选项

Juntae 发表于 Dev

俊太

我正在为我的Web应用程序进行配置，尝试将其呈现到网页上。以下是我的代码的一部分。我要选择的选项config[0].volume已经有了。因此，如果config[0].volume为“ 50”，则所选选项将为“ 50”。代码运行良好。但是我想知道。“如何缩短此代码？” 所以我的代码冗长。

<select id="volume">

  <option value="1" <%= config[0].volume == '1' ? 'selected' : ''%>>1</option>
  <option value="5" <%= config[0].volume == '5' ? 'selected' : '' %>>5</option>
  <option value="10" <%= config[0].volume == '10' ? 'selected' : '' %>>10</option>
  <option value="50" <%= config[0].volume == '50' ? 'selected' : '' %>>50</option>
  <option value="75" <%= config[0].volume == '75' ? 'selected' : '' %>>75</option>
  <option value="100" <%= config[0].volume == '100' ? 'selected' : '' %>>100</option>

</select>

我认为大约2个小时，但是什么也没发生。也许我必须使用jQuery或JavaScript，并为其添加属性，

attr('selected')... ?

我不知道，你能帮我吗？

唐·拉米

您可以根据选项值将其置于循环中。

<select id="volume">

<%
var options = [ "1", "5", "10", "50", "75", "100" ];
for ( var i = 0; i < options.length; i++ )
{
    var selected = ( config[0].volume == i ) ? "selected" : "";
    %><option value="<%=options[ i ] %>" <%=selected %>><%=i %></option><%
}
%>
</select>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。