與EJS的HTML選擇選項

Question

我正在爲我的Web應用程序進行配置，嘗試將其呈現給網頁。以下是我的代碼的一部分。我想選擇到配置[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')... ? 

我不知道，你能幫我..？

Answer 1

您可以根據選項值將其放入循環中。

<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>